:root {
  --footer-text-color: #dde3fc;
  --footer-hr-color: #414a74;
  --footer-text-size: 0.75rem;
  --footer-h-color: #ffffff;
  --footer-h-size: 0.85rem;
  --footer-a-hover-color: #ffffff;
  --footer-bg-color: #272727;
  --color-red: #eb3c5a;
  --color-yellow: #ffd430;
  --color-yellow-dark: #dda800;
  --color-yellow-dark-2: #e8b525;
  --color-yellow-light: #fffae9;
  --color-yellow-light-3: #fffdee;
  --color-yellow-light-2: #fffade;
  --color-yellow-light-4: #fffef3;
  --color-yellow-bg: #ffd43035;
  --color-orange: #ff7f30;
  --color-orange-hover: #fc8c47;
  --color-orange-bg: #fc964525;
  --color-orange-2: #ea8947;
  --color-orange-3: #d15805;
  --color-orange-4: #d8610f;
  --color-orange-5: #fc8c32;
  --color-orange-light: #fcefe6;
  --color-orange-light-2: #f7f4f1;
  --color-green: #37a066;
  --color-green-orig: #20bf6b;
  --color-green-light: #def9e2;
  --color-green-2: #23c871;
  --color-green-3: #00c357;
  --color-blue: #1967d3;
  --color-blue-2: #069cd0;
  --color-blue-3: #74aefd;
  --color-blue-orig: #0066ff;
  --color-light-blue: #1f76dd;
  --color-light-2-blue: #f2f7fc;  
  --color-blue-light-3: #e4f6f9;  
  --color-blue-light-4: #baeef4;
  --border-grey: #cccccc80;
  --border-blue: #36d9ea50;
  --border-blue-2: #1967d350;
  --border-green: #37a06650;
  --border-orange: #fc964540;
  --color-grey-2: #545454;
  --color-grey-3: #5e5d5d;
  --color-grey-4: #7e7e7e;
  --color-grey-5: #868585;
  --color-grey-6: #cccccc40;
  --color-grey-7: #86858560;
  --color-grey-8: #cccccc5e;
  --color-grey-9: #cccccc20;
  --color-grey-10: #cccccc40;
  --color-dark-blue-bg: #0026d015;
  
  --color-krouzky-01: #0066ff;
  --color-krouzky-02: #20bf6b;
  --color-krouzky-03: #ffd430;
  --color-krouzky-03-02: #ffc629;
  --color-krouzky-03-03: #fce89e;
  --color-krouzky-04: #fc9645;
  --color-krouzky-05: #eb3c5a;
  --color-krouzky-06: #28325f;

  --color-krouzky-01-light: #2b7cf7;
  --color-krouzky-02-light: #27e17f;
  --color-krouzky-03-light: #ffd844;
  --color-krouzky-04-light: #fe9e51;
  --color-krouzky-05-light: #ff4161;
  --color-krouzky-06-light: #384580;
  --color-krouzky-06-light-2: #404f90;

  --color-krouzky-01-dark: #0057d9;
  --color-krouzky-02-dark: #08c260;
  --color-krouzky-03-dark: #eac32d;
  --color-krouzky-04-dark: #fa882e;
  --color-krouzky-05-dark: #ea3050;
  
  --color-krouzky-02-dark-02: #06ab54;
  --color-krouzky-03-dark-02: #d7b122;

  --color-black: #17233e;
  --color-black-02: #3d3d3d;
  --color-blue-pale: #ecf2fe;
  --color-blue-pale-02: #f9fafc;
  --color-blue-pale-03: #f7faff;
  --color-blue-pale-04: #e4ecfd;
  --color-blue-pale-05: #f2f7ff;
  --color-green-pale: #f4fcf7;
  --color-green-pale-02: #e0fbea;
  --color-yellow-pale: #fffcf4;
  --color-orange-pale: #fff8f4;
  --color-orange-pale-02: #ff7f304d;
  --color-red-pale: #fef5f6;
  --color-red-pale-02: #fce2e6;
  
  --input-border-color: #b9b9b999;
  
  /*--font-color-basic: rgba(0, 40, 78, 0.8);*/
  --font-color-basic: #28325f;
  
  --color-input-border-focus: #92b7fe;
  --bs-form-select-bg-img: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e);
}


/*------------------------------------------------------------------
* Project:        Krouzky.cz
* Author:         Ing. Miroslav Komárek, Ph.D.
* URL:            https://www.tvorbawww.cz
* Created:        19.12.2023
------------------------------------------------------------------*/

/* =============================================================================
	Layout: Default CSS
============================================================================= */
header,
nav,
section,
article,
aside,
footer {
	display: block;
}

* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	font-family: "Poppins", sans-serif;
	overflow-x: hidden;
	font-weight: 400;
	color: var(--color-krouzky-06);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

svg {
	image-rendering: optimizeQuality;
	shape-rendering: geometricPrecision;
	text-rendering: geometricPrecision;
	-webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 500;
	font-family: "Poppins", sans-serif;
	/*text-transform: capitalize;*/
	margin: 0 0 1rem;
	color: var(--color-krouzky-06);
	line-height: 1.34em;
	letter-spacing: -1px;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: var(--color-krouzky-06);
	transition: all ease-in-out 0.5s;
	cursor: pointer;
	text-decoration: none;
}

h1 a:hover,
h1 a:focus,
h2 a:hover,
h2 a:focus,
h3 a:hover,
h3 a:focus,
h4 a:hover,
h4 a:focus,
h5 a:hover,
h5 a:focus,
h6 a:hover,
h6 a:focus {
	color: var(--color-blue);
	transition: all ease-in-out 0.5s;
	outline: none;
	text-decoration: none !important;
}

h1 {
	font-size: 52px;
}

h2 {
	font-size: 38px;
}

h3 {
	font-size: 20px;
}

h4 {
	font-size: 22px;
}

h5 {
	font-size: 20px;
}

h6 {
	font-size: 18px;
}

@media (max-width: 991.98px) {
	h1 {
		font-size: 48px;
	}

	h2 {
		font-size: 36px;
	}
}

@media (max-width: 575.98px) {
	h1 {
		font-size: 2rem;
	}

	h2 {
		font-size: 1.6rem;
	}

	h3 {
		font-size: 19px;
	}

	h4 {
		font-size: 1.2rem;
	}
}

p, a.link {
	font-size: 1rem;
}


@media (max-width: 575.98px) {
	p, a.link, li {
		font-size: 0.9rem;
	}
}



p {
	margin-bottom: 8px;
}


ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul li {
	margin-bottom: 0px;
	line-height: 1.5;
	color: var(--font-color-basic);
	position: relative;
	display: inline-block;
	padding: 0;
}

ol {
	margin: 0;
	counter-reset: i;
	position: relative;
}

ol li {
	font-size: 16px;
	margin-bottom: 10px;
	line-height: 1.5;
	color: var(--font-color-basic);
	padding-left: 0;
	position: relative;
}

a {
	color: var(--color-krouzky-01);
	transition: all ease-in-out 0.5s;
	cursor: pointer;
	text-decoration: none;
}

a:hover,
a:focus {
	text-decoration: none;
	color: var(--color-krouzky-06);
	transition: all ease-in-out 0.5s;
	outline: none;
}

a.dark-blue {
	color: var(--color-krouzky-06);
	transition: all ease-in-out 0.5s;
	cursor: pointer;
	text-decoration: none;
}

a.dark-blue:hover,
a.dark-blue:focus {
	text-decoration: none;
	color: var(--color-krouzky-06);
	transition: all ease-in-out 0.5s;
	outline: none;
}

a.dark-blue-to-red {
	color: var(--color-krouzky-06);
	transition: all ease-in-out 0.5s;
	cursor: pointer;
	text-decoration: none;
}

a.dark-blue-to-red:hover,
a.dark-blue-to-red:focus {
	text-decoration: none;
	color: var(--color-krouzky-05);
	transition: all ease-in-out 0.5s;
	outline: none;
}

a.dark-blue-to-yellow {
	color: var(--color-krouzky-06);
	transition: all ease-in-out 0.5s;
	cursor: pointer;
	text-decoration: none;
}

a.dark-blue-to-yellow:hover,
a.dark-blue-to-yellow:focus {
	text-decoration: none;
	color: var(--color-krouzky-03-02);
	transition: all ease-in-out 0.5s;
	outline: none;
}

a.green-to-dark-blue {
	color: var(--color-krouzky-02);
	transition: all ease-in-out 0.5s;
	cursor: pointer;
	text-decoration: none;
}

a.green-to-dark-blue:hover,
a.green-to-dark-blue:focus {
	text-decoration: none;
	color: var(--color-krouzky-06);
	transition: all ease-in-out 0.5s;
	outline: none;
}

a.green-fixed {
	color: var(--color-krouzky-02);
	transition: all ease-in-out 0.5s;
	cursor: pointer;
	text-decoration: none;
}

a.green-fixed:hover,
a.green-fixed:focus {
	text-decoration: none;
	transition: all ease-in-out 0.5s;
	outline: none;
}

a.a-yellow {
	color: var(--color-krouzky-03-02);
	transition: all ease-in-out 0.5s;
	cursor: pointer;
	text-decoration: none;
}

a.a-yellow:hover,
a.a-yellow:focus {
	text-decoration: none;
	color: var(--color-krouzky-01);
	transition: all ease-in-out 0.5s;
	outline: none;
}



a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
	color: #1967D3 !important;
}

.fw-500 {
	font-weight: 500 !important;
}

.fw-600 {
	font-weight: 600 !important;
}

.fw-700 {
	font-weight: 700 !important;
}

.fw-800 {
	font-weight: 800 !important;
}

.tracking-tighter {
	letter-spacing: -0.05em;
}

.tracking-tight {
	letter-spacing: -0.025em;
}

.tracking-normal {
	letter-spacing: 0em;
}

.tracking-wide {
	letter-spacing: 0.025em;
}

.tracking-wider {
	letter-spacing: 0.05em;
}

.tracking-widest {
	letter-spacing: 0.1em;
}

.mt-n1 {
	margin-top: -0.25rem;
}

.mt-n2 {
	margin-top: -0.5rem;
}

.mt-n3 {
	margin-top: -1rem;
}

.mt-n4 {
	margin-top: -1.5rem;
}

.mt-n5 {
	margin-top: -3rem;
}

.ms-switch {
	margin-left: 2.55rem !important;
}

::-webkit-input-placeholder {
	/* Edge */
	color: var(--font-color-basic) !important;
}

:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: var(--font-color-basic) !important;
}

input::placeholder,
textarea::placeholder {
	color: var(--font-color-basic) !important;
}

/*
.row [class*="col-"] {
	padding: 0 15px;
}
*/


img {
	max-width: 100%;
}

.btn-info.focus,
.btn-info:focus,
.btn-info:active {
	outline: none;
	box-shadow: none !important;
	background: transparent !important;
	border: none !important;
}

.container {
	position: relative;
	z-index: 1;
}

.z-index-2 {
	z-index: 2;
}

@media (max-width: 767px) {
	.container:not(.container-footer),
	.container-sm {
		max-width: 100%;
	}
}

.border {
	border-color: #f1f1f1 !important;
}

.before-none::before {
	display: none !important;
}

.white {
	color: #fff !important;
}

.theme {
	color: var(--color-krouzky-01) !important;
}

.theme1 {
	color: var(--color-red) !important;
}

.theme2 {
	color: var(--color-green) !important;
}

.theme3 {
	color: var(--color-krouzky-03-02) !important;
}

.theme4 {
	color: var(--color-blue-2) !important;
}

.theme5 {
	color: var(--color-orange) !important;
}

.theme6 {
	color: var(--color-krouzky-05) !important;
}

.theme7 {
	color: var(--color-krouzky-06-light) !important;
}

.theme8 {
	color: var(--color-krouzky-06) !important;
}

.theme9 {
	color: var(--color-krouzky-02) !important;
}

.black {
	color: #3f3f3f !important;
}

.grey {
	color: var(--font-color-basic) !important;
}

.title {
	color: var(--color-black) !important;
}

.bg-grey {
	background: #f3f5f0 !important;
}

.bg-blue-pale {
	background: var(--color-blue-pale) !important;
}

.bg-tag {
	background: var(--color-yellow-light) !important;
}

.bg-lgrey {
	background: #fdfdfd !important;
}

.bg-theme {
	background: var(--color-blue) !important;
}

.bg-yellow-pale {
	background: var(--color-yellow-pale) !important;
}

.bg-red-pale {
	background: var(--color-red-pale) !important;
}

.bg-red-pale-02 {
	background: var(--color-red-pale-02) !important;
}

.bg-orange-pale {
	background: var(--color-orange-pale) !important;
}

.bg-theme1 {
	background: #069cd0 !important;
}

.bg-theme2 {
	background: var(--color-yellow-dark) !important;
}

.bg-theme3 {
	background: var(--color-blue-pale-02) !important;
}

.bg-theme4 {
	background: var(--color-green-pale) !important;
}

.bg-theme5 {
	background: var(--color-blue-pale-05) !important;
}

.bg-krouzky-01 {
	background: var(--color-krouzky-01) !important;
}

.bg-krouzky-02 {
	background: var(--color-krouzky-02) !important;
}

.bg-krouzky-03 {
	background: var(--color-krouzky-03) !important;
}

.bg-krouzky-04 {
	background: var(--color-krouzky-04) !important;
}

.bg-krouzky-05 {
	background: var(--color-krouzky-05) !important;
}

.bg-krouzky-06 {
	background: var(--color-krouzky-06) !important;
}

.bg-title {
	background: var(--color-black) !important;
}

.bg-fblack {
	background: #000000 !important;
}

.bg-white {
	background: #fff !important;
}

.bg-color {
	background-color: var(--color-yellow-light-2) !important;
}

.bg-color-2 {
	background-color: var(--color-orange-light) !important;
}

.bg-color-3 {
	background-color: var(--color-light-2-blue) !important;
}

.bg-color-4 {
	background-color: var(--color-orange-light-2) !important;
}

.bg-color-5 {
	background-color: var(--color-light-2-blue) !important;
}

.whitetransparent {
	background: #ffffff72 !important;
}

.bgnone {
	background: #ffffff00 !important;
}

.bordernone {
	border: none !important;
}

.border-b {
	border-bottom: 1px dashed #cccccc90 !important;
}

.border-all {
	border: 1px solid #cccccc80 !important;
}

.border-end {
	border-right: 1px solid #f1f1f1 !important;
}

.border-8-01 {
	border: 8px solid var(--color-krouzky-01);
}

.border-8-02 {
	border: 8px solid var(--color-krouzky-02);
}

.rating-main .rating span {
	color: #ffbc00;
	display: inline;
	font-size: 14px;
	padding-right: 3px;
}

.rating-main span {
	color: #777;
	font-size: 14px;
}


.rating span {
	color: #ffbc00;
	display: inline;
	font-size: 12px;
}

.small,
small {
	font-size: 85%;
}

.line-clamp-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mt-minus {
	margin-top: -4.5rem !important;
}

@media (max-width: 991.98px) {
	.mt-minus {
		margin-top: 0rem !important;
	}
}

.mb-minus {
	margin-bottom: -4.5rem !important;
}

@media (max-width: 1100px) {
	.mb-minus {
		/*margin-bottom: 0rem !important;*/
	}
}

.top-minus-20 {
	top: -20px !important;
}

.top-minus-40 {
	top: -40px !important;
}

.bottom-minus-20 {
	bottom: -20px !important;
}

.bottom-minus-40 {
	bottom: -40px !important;
}

.top-inherit {
	top: inherit !important;
}

.bottom-inherit {
	bottom: inherit !important;
}

.z-index1 {
	z-index: 1;
}

.z-index2 {
	z-index: 2;
}

.z-index3 {
	z-index: 4;
}

.form-group {
	width: 100%;
	display: inline-block;
}

input[type=text],
input[type=email],
input[type=number],
input[type=search],
input[type=password],
input[type=tel],
input[type=date],
input[type=file],
input[type=time],
textarea,
select {
	font-size: 15px !important;
	font-weight: 300 !important;
	background-color: #fff;
	border: 1px solid var(--input-border-color);
	border-radius: 10px !important;
	padding: 7px 15px !important;
	color: var(--font-color-basic) !important;
	margin-bottom: 0;
	height: 47px !important;
	box-shadow: none;
	width: 100%;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=date]:focus,
input[type=file]:focus,
input[type=time]:focus,
textarea:focus,
select:focus {
	outline: none !important;
	transition: all 0.5s ease !important;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset,
    0px 0px 6px rgba(13, 110, 253, 0.3);
	border: 1px solid var(--color-input-border-focus) !important;
}


textarea {
	box-sizing: border-box;
	border-radius: 10px !important;
	resize: vertical;
	height: 120px;
	border: 1px solid var(--input-border-color);
	color: var(--font-color-basic) !important;
	padding: 10px 20px !important;
	font-size: 15px !important;
	font-weight: 300 !important;
	
}

textarea.height-90 {
	height:90px !important;
}

textarea:focus,
select:focus {
	box-shadow: 0px 0px 6px rgba(13, 110, 253, 0.3) !important;
	border: 1px solid var(--color-input-border-focus) !important;
}


label {
	display: inline-block;
	color: var(--font-color-basic);
	margin-bottom: 8px;
	font-weight: 400;
	font-size: 15px;
}

/*
blockquote {
	font-size: 14px;
	font-weight: 400;
	background-color: #1967D3;
	margin-bottom: 15px;
	border: 0;
	padding: 30px 70px 30px 70px;
	line-height: 1.5;
	color: #fff;
	margin: 20 0;
	font-style: italic;
	position: relative;
}

blockquote :after {
	content: '';
	position: absolute;
	height: 60%;
	width: 2px;
	background: #fff;
	top: 20%;
	left: 35px;
}

blockquote p {
	color: #fff;
	margin: 0;
}

blockquote :before {
	content: '\f10d';
	font-family: 'Font Awesome 6 Pro';
	font-size: 45px;
	position: absolute;
	bottom: 26px;
	right: 20px;
	color: #fff;
	transform: rotate(180deg);
}

blockquote span {
	position: relative;
	padding-left: 20px;
}

blockquote span :before {
	content: '';
	width: 12px;
	height: 1px;
	background: #1967D3;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -2px;
}

*/

table>tbody tr td,
table>tbody tr th,
table>tfoot tr td,
table>tfoot tr th,
table>thead tr td,
table>thead tr th {
	padding: 10px;
	/*vertical-align: sub !important;*/
	border-bottom: 1px solid #cccccc80;
}

table>tbody tr:nth-child(even),
table>tfoot tr:nth-child(even),
table>thead tr:nth-child(even) {
	background: #f9f9f980;
}

table {
	width: 100%;
}


.overlay,
.color-overlay,
.white-overlay,
.to-bottom-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000000;
	transition: all ease-in-out 0.5s;
	opacity: 0.5;
}

.color-overlay {
	top: inherit;
	bottom: 0;
	background: linear-gradient(90deg, #01265c, #007399);
	opacity: 0.7;
}

.to-bottom-overlay {
	background: linear-gradient(to bottom, transparent, #3f3f3f);
	height: 100%;
	opacity: 1;
}

.white-overlay {
	background: #fdfdfd;
	opacity: 0.5;
}

section {
	padding: 5.45rem 0 6rem;
	position: relative;
}


/* =============================================================================
	Layout: Heading title
============================================================================= */
.section-title,
.section-title-w,
.section-title-l {
	position: relative;
	z-index: 1;
}

.section-title h2,
.section-title-w h2,
.section-title-l h2 {
	position: relative;
	line-height: 1.2;
}

.section-title-w:before {
	border-color: #fff !important;
}

.section-title-w h2 span {
	color: #b363c9;
}

.section-title-l:before {
	left: 0;
	right: inherit;
}

@media (max-width: 991.98px) {
	.section-title {
		width: 100% !important;
	}
}

@media (max-width: 767px) {
	.section-title {
		width: 100% !important;
		text-align: center !important;
	}

	.section-title::before {
		left: 0;
		right: 0;
	}
}

iframe {
	width: 100%;
	border: none;
}

.border-t {
	border-top: 2px dashed var(--color-grey-8);
}

@media (max-width: 1100px) {
	.border-lg-0 {
		border: none !important;
	}
}

@media (max-width: 735px) {
	.border-sm-0 {
		border: none !important;
	}
}

.box-shadow {
	box-shadow: 0 10px 40px #0e64d714;
}

.box-shadow-2 {
	box-shadow: 0 10px 40px #0e64d719;
}

.box-shadow-3 {
	box-shadow: 0 0 7px #0e64d720;
}

.box-shadow-4 {
	box-shadow: 0 0 15px #00000010;
}

.box-shadow-5 {
	box-shadow: 0 0 15px #00000008;
}

.box-shadow-6 {
	box-shadow: 0 0 15px #20bf6b20;
}

.box-shadow-sm {
	box-shadow: 0 0px 20px #0e64d714;
}

.rounded {
	border-radius: 10px !important;
}

.rounded-2 {
	border-radius: 20px !important;
}

.rounded-start {
	border-top-left-radius: 20px !important;
	border-bottom-left-radius: 20px !important;
}

.rounded-top {
	border-top-left-radius: 20px !important;
	border-top-right-radius: 20px !important;
}

.rounded-bottom {
	border-bottom-right-radius: 20px !important;
	border-bottom-left-radius: 20px !important;
}

.w-15 {
	width: 15% !important;
}

.w-20 {
	width: 20% !important;
}

.w-30 {
	width: 30% !important;
}

.w-40 {
	width: 40% !important;
}

.w-60 {
	width: 60% !important;
}

.w-65 {
	width: 65% !important;
}

.w-70 {
	width: 70% !important;
}

.w-80 {
	width: 80% !important;
}

.w-85 {
	width: 85% !important;
}

@media (max-width: 991.98px) {
	.w-60,
	.w-65,
	.w-70,
	.w-75,
	.w-80,
	.w-85 {
		width: 100% !important;
	}
}

@media (max-width: 735px) {
	.w-sm-100 {
		width: 100% !important;
	}
}

.nav-tabs {
	border-bottom: none;
	background: #fff;
	overflow: hidden;
	margin-bottom: 30px;
}

.nav-tabs>li.nav-item {
	margin: 0 4px;
}

.nav-tabs>li.nav-item button {
	border-radius: 20px;
	padding: 15px;
	margin: 0;
	line-height: inherit;
	border: 1px solid #f1f1f1;
	display: inline-block;
	width: 100%;
	background-color: #fff;
	color: var(--font-color-basic);
}

.nav-tabs>li.nav-item button:hover {
	color: #fff !important;
	border-color: #1967D3;
	background: #1967D3;
}

.nav-tabs>li.nav-item button.active {
	color: #fff !important;
	border-color: #1967D3;
	background: #1967D3;
}

.nav-tabs>li.nav-item button.active:hover {
	color: #fff !important;
	border-color: #1967D3;
	background: #1967D3;
}

@media (max-width: 991.98px) {
	.nav-tabs {
		width: 100% !important;
	}
}

@media (max-width: 767px) {
	.nav-tabs>li.nav-item {
		margin: 0 4px 4px;
	}
}


/* =============================================================================
	Layout: Pagination
============================================================================= */
.pagination-main {
	line-height: 0.8;
}

.pagination-main .pagination {
	margin-top: 0;
	margin-bottom: 0;
	display: inline-block;
}

.pagination-main .pagination li {
	padding-left: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}

.pagination-main .pagination li:before,
.pagination-main .pagination li:after {
	display: none;
}

.pagination-main .pagination li a {
	padding: 0;
	height: 40px;
	line-height: 39px;
	margin-right: 9px;
	text-align: center;
	width: 40px;
	color: var(--color-krouzky-01);
	font-size: 14px;
	border: 1px solid var(--color-krouzky-01);
	display: inline-block;
	background: #fff;
	border-radius: 20px;
	transition: all ease-in-out 0.2s;
}

.camps .pagination-main .pagination li a {
	color: var(--color-krouzky-02);
	border: 1px solid var(--color-krouzky-02);
}

.pagination-main .pagination li a:hover,
.pagination-main .pagination li a:focus {
	background-color: var(--color-krouzky-01);
	color: #fff !important;
	border-color: var(--color-krouzky-01);
	transition: all ease-in-out 0.2s;
}

.camps .pagination-main .pagination li a:hover,
.camps .pagination-main .pagination li a:focus {
	background-color: var(--color-krouzky-02);
	border-color: var(--color-krouzky-02);
}

.pagination-main .pagination li:last-child>a,
.pagination-main .pagination li:last-child>span {
	border-radius: none;
	margin: 0;
}

.pagination-main .pagination li.active a {
	background: var(--color-krouzky-01) !important;
	border-color: var(--color-krouzky-01) !important;
	color: #fff;
}

.camps .pagination-main .pagination li.active a {
	background-color: var(--color-krouzky-02) !important;
	border-color: var(--color-krouzky-02) !important;
}

.pagination-main .pagination .prev a,
.pagination-main .pagination .next a {
	border-radius: 0px;
}

.pagination-main .pagination li:not(.active) a[aria-current="page"] {
  pointer-events: none;
  cursor: default;
  background: var(--color-grey-6) !important;
  color: var(--color-grey-7) !important;
  border: 1px solid #cccccc80;
}

.pagination-main .pagination li.active a[aria-current="page"] {
  pointer-events: none;
  cursor: default;
}

@media (max-width: 567px) {
	.pagination-main .pagination li a {
		margin-right: 2px;
	}
	
	.pagination-main .pagination li:last-child>a {
		margin: 0;
	}
}

@media (max-width: 359px) {
	.pagination li a {
		height: 28px;
		width: 28px;
		line-height: 28px;
	}
}


/* =============================================================================
	Layout: Univ Header Section
============================================================================= */
.about-content h1 {
	font-size: 38px;
}

.about-content h2 {
	font-size: 20px;
	text-transform: uppercase;
    font-weight: 700;
}

.about-content h3 {
	font-size: 18px;
}


@media (max-width: 991.98px) {
	.about-content h1 {
		font-size: 36px;
	}

	.about-content h2 {
		font-size: 20px;
	}

	.about-content h3 {
		font-size: 18px;
	}
}

@media (max-width: 575.98px) {
	.about-content h1 {
		font-size: 1.7rem;
	}

	.about-content h2 {
		font-size: 1.2rem;
	}
	
	.about-content h3 {
		font-size: 1.1rem;
	}
}



/* =============================================================================
	Layout: Career Section
============================================================================= */
.career-header .about-image .photo {
	width: 100%;
	padding: 0;
	position: relative;
	z-index: 2;
}

.career-header .about-image .spatter {
	position: absolute;
	z-index: 1;
	left: 0;
	bottom: 1px;
	width: 100%;
}

.career-header .about-image .frog {
	position: absolute;
	z-index: 2;
	left: -80px;
	bottom: 1px;
	width: 30%;
}

.career-header .about-content h3 {
	text-transform: uppercase;
	font-weight: 700;
}

@media (max-width: 1499.98px) {
	.career-header .about-image .frog {
		left: 10px;
	}
}

@media (max-width: 991.98px) {
	.career-header .about-image .spatter {
		left: 50%;
		transform: translateX(-50%);
		width: 95%;
		bottom: 1px;
	}
}

@media (max-width: 575.98px) {
	.career-header .about-image .photo {
		width: 100%;
	}

	.career-header .about-image .spatter {
		left: 50%;
		transform: translateX(-50%);
		width: 93%;
		bottom: 0;
	}
}

/* =============================================================================
	Layout: Career Values Section
============================================================================= */
.career-about-us {
	padding-bottom: 4rem;
	overflow: hidden;
}

.box-creative {
	position: relative;
	display: flex;
	padding: 45px 25px 25px 25px;
	border: 1px solid var(--color-orange-pale);
	transition: .2s ease-in-out;
	border-radius: 20px;
	transform: translate3d(0, 0, 0);
	background: var(--color-orange-pale);
	/*overflow: hidden;*/
}

.box-creative,
.box-creative:active,
.box-creative:focus,
.box-creative:hover {
	color: var(--font-color-basic);
}

.box-creative p + p {
	margin-top: 3px;
}

.box-creative .box-icon {
	width: 78px;
	height: 78px;
	position: absolute;
	z-index: 2;
	top: -39px;
	left: 20px;
	background: var(--color-krouzky-04);
	transition: transform 0.5s ease;
}

.box-creative .box-icon img {
	width: 45px;
}

.box-creative::before,
.box-creative::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	border: 1px solid var(--color-krouzky-04);
	border-radius: 20px;
	transition: .25s ease-out;
	will-change: transform;
	contain: paint;
}

.box-creative::before {
	transform: scale3d(0, 1, 1);
	border-width: 1px 0 1px 0;
}

.box-creative::after {
	transform: scale3d(1, 0, 1);
	border-width: 0 1px 0 1px;
}

.box-creative:hover {
	border-color: #fff;
	background: #fff;
}

.box-creative:hover .box-icon {
	animation: shake 0.3s;
}

.box-creative:hover::before,
.box-creative:hover::after {
	transform: scale3d(0.9999, 0.9999, 0.9999);
}

.box-creative-inner,
.box-creative-dummy {
	width: 100%;
	flex-shrink: 0;
}

.box-creative-inner {
	display: flex;
	flex-direction: column;
	/*align-items: center;*/
	/*justify-content: center;*/
}

.box-creative-inner p {
	margin-bottom: 0;
}

.box-creative-dummy {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.box-creative-dummy::before {
	content: '';
	display: block;
	padding-top: 89.65517%;
}

.box-creative-icon {
	font-size: 59px;
	line-height: 1;
	color: var(--color-orange);
}

.box-creative-inner h3 {
	font-weight:400;
	letter-spacing: -1px;
	font-size: 1.3rem;
	margin-top: 8px;
}


@media (min-width: 992px) and (max-width: 1199.98px) {
	.box-creative-dummy::before {
		padding-top: 170%;
	}
}


@media (max-width: 575.98px) {
	.box-creative {
		max-width: 280px;
		margin-left: auto;
		margin-right: auto;
	}
}


/* =============================================================================
	Layout: Career Joblist Section
============================================================================= */
.career-joblist {

}

.career-joblist .job-item {
	transition: all ease-in-out .5s;
	border: 1px solid var(--border-orange);
	background: #fff;
	position: relative;
	overflow: hidden;
}

.career-joblist .job-item:hover {
	transition: all ease-in-out 0.5s;
	transform: translateY(-8px);
	border-color: var(--color-krouzky-04);
}

.career-joblist .job-item:hover:before {
	content: "";
	transition: all ease-in-out 0.5s;
	height: 100%;
}

.career-joblist .job-item:hover .job-item-description h5 a {
	color: var(--color-krouzky-04);
}

.career-joblist .job-item:hover .job-item-icon i {
	color: var(--color-krouzky-04);
}

.career-joblist .job-item .job-item-icon i {
	font-size: 2.5rem;
	transition: all ease-in-out 0.5s;
}

.career-joblist .job-item .job-item-description h5 a {
	font-size: 18px;
}

.career-joblist .job-item .job-item-description h5,
.career-joblist .job-item .job-item-description p {
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	margin-bottom: 0;
}

.career-joblist .job-item .badge {
	font-weight: 400;
	text-transform: uppercase;
}

.career-joblist .job-item .job-item-location p {
	margin: 0;
	font-size: 14px;
}

.career-joblist .job-item .job-item-type {
	text-align: right;
	width: 26%;
}

@media (max-width: 991.98px) {
	.career-joblist .job-item .job-item-description h5,
	.career-joblist .job-item .job-item-description p {
		text-align: center;
	}

	.career-joblist .job-item .job-item-description p {
		-webkit-line-clamp: 3;
	}
	
	.career-joblist .job-item .job-item-type {
		text-align: center;
		width: auto;
	}

	.career-joblist .job-item .job-item-type span:nth-child(2) {
		font-size: 14px;
	}
	
	.career-joblist .job-item .job-item-icon i {
		font-size: 3.5rem;
	}
	
	.career-joblist .job-item .job-item-button,
	.career-joblist .job-item .job-item-button a {
		width: 100%;
	}
}


/* =============================================================================
	Layout: Career Progress
============================================================================= */
.career-progress {
	background: var(--color-orange-pale);
}

.list-linked {
	display: flex;
	flex-wrap: wrap;
	counter-reset: list-linked-counter;
	text-align: center;
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom: -30px;
}

.list-linked > * {
	margin-bottom: 30px;
}


@keyframes shake {
	0% { transform: translate(0px, 0px) rotate(0deg); }
	20% { transform: translate(-2px, 1px) rotate(-2deg); }
	40% { transform: translate(2px, -1px) rotate(2deg); }
	60% { transform: translate(-1px, 2px) rotate(-1deg); }
	80% { transform: translate(1px, -2px) rotate(1deg); }
	100% { transform: translate(0px, 0px) rotate(0deg); }
}


.ll-item {
	padding: 0 15px;
	/*max-width: 240px;*/
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	transition: transform 0.2s ease;
}

.ll-item * + p {
	margin-top: 5px;
}

.ll-item:hover .ll-item-icon-inner {
	stroke-dashoffset: 0;
	opacity: 1;
}

.ll-item-icon {
	position: relative;
	align-items: center;
	justify-content: center;
	width: 100px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 50%;
	font-size: 30px;
	line-height: 1;
	background: var(--color-krouzky-04);
	color: #fff;
	z-index: 2;
}

/*
.ll-item-icon::after {
	content: '';
	position: absolute;
	top: 7px;
	right: 7px;
	bottom: 7px;
	left: 7px;
	border-radius: inherit;
	border: 1px solid var(--color-orange);
}
*/

.ll-item-icon.icon {
	display: flex;
}

.ll-item-icon-inner {
	position: absolute;
	top: 7px;
	right: 7px;
	bottom: 7px;
	left: 7px;
	width: calc(100% - 14px);
	height: calc(100% - 14px);
	pointer-events: none;
	stroke: #fff;
	stroke-width: 2px;
	stroke-dasharray: 1000;
	stroke-dashoffset: 1000;
	opacity: 0;
	transition: opacity .22s, stroke-dashoffset .8s ease-in-out;
}

.ll-item-title {
	font-weight: 600;
}

/*
.ll-item-title::before {
	display: inline-block;
	margin-right: 10px;
	content: counter(list-linked-counter) ".";
	counter-increment: list-linked-counter;
}
*/

* + .list-linked {
	margin-top: 35px;
}

* + .ll-item-main {
	margin-top: 20px;
}

.career-spatter-top {
	position: absolute;
	top: 30px;
	left: 0;
}

.career-spatter-bottom {
	position: absolute;
	top: 50%;
	right: 0;
}

@media (max-width: 1199.98px) {
	.ll-item-icon {
		width: 150px;
		height: 150px;
	}
	
	.career-spatter-top {
		position: absolute;
		top: 30px;
		left: -24px;
	}

	.career-spatter-bottom {
		position: absolute;
		top: 50%;
		right: -24px;
	}
}

@media (max-width: 991.98px) {
	.career-spatter-top {
		display: none;
	}

	.career-spatter-bottom {
		display: none;
	}
}


@media (min-width: 400px) {
	.ll-item {
		width: 50%;
	}
}

@media (min-width: 767.98px) {
	.ll-item {
		position: relative;
		width: 25%;
		max-width: 100%;
	}
	.ll-item::after {
		content: '';
		position: absolute;
		left: calc(50% - 5px);
		z-index: 10;
		width: calc(100% - 90px);
		padding-bottom: 20.48193%;
		margin-left: 50px;
		background-repeat: no-repeat;
		background-position: center center;
		pointer-events: none;
	}
	.ll-item:nth-child(odd)::after {
		top: 40px;
		background-image: url(../images/divider-line-top.svg);
		z-index: 1;
	}
	.ll-item:nth-child(even)::after {
		top: 90px;
		background-image: url(../images/divider-line-bottom.svg);
		z-index: 1;
	}
	.ll-item:nth-child(4n)::after {
		display: none;
	}
}

@media (min-width: 1199.98px) {
	.ll-item::after {
		margin-left: 80px;
		width: calc(100% - 150px);
	}

	.ll-item:nth-child(odd)::after {
		top: 10px;
	}
	
	.ll-item:nth-child(even)::after {
		top: 110px;
	}

	.ll-item-icon {
		width: 160px;
		height: 160px;
		font-size: 50px;
	}

	.ll-item-icon::after {
		position: absolute;
		top: 13px;
		right: 13px;
		bottom: 13px;
		left: 13px;
	}

	.ll-item-icon-sm {
		font-size: 47px;
	}

	.ll-item-icon-inner {
		top: 13px;
		right: 13px;
		bottom: 13px;
		left: 13px;
		width: calc(100% - 26px);
		height: calc(100% - 26px);
	}
}

.list-icons > li,
.list-icons > li > a {
	white-space: nowrap;
}

.list-icons > li *,
.list-icons > li > a * {
	white-space: normal;
}

.list-icons > li > *,
.list-icons > li > a > * {
	display: inline-block;
	max-width: 92%;
	vertical-align: top;
}

.list-icons > li > * + *,
.list-icons > li > a > * + * {
	margin-left: 5px;
}

.list-progress {
	counter-reset: list-progress-counter;
}


/* =============================================================================
	Layout: Career Photogallery Section
============================================================================= */
.career-photogallery {

}


/* =============================================================================
	Layout: Career detail
============================================================================= */
.job-detail .main-photo {
	position: relative;
	overflow: hidden;
	height: 20rem;
}

/*
.job-detail .main-photo img {
	position: absolute;
	object-fit: cover;
	width: 100%;
	height: 100%;
}
*/

.job-detail .main-photo:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/bg/career-detail-bg.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	opacity: 1;
	z-index: -1;
}


.job-detail .main-photo h2 {
	color: #fff;
	text-align:center;
	padding: 2rem;
	width: 70%;
	position: relative;
	backdrop-filter: blur(3px);
	margin: 0;
	border-radius: 10px !important;
	overflow: hidden;
	font-size: 2rem;
	text-shadow: 1px 1px 2px #00000025;
	border: 1px solid #ffffff40;
	font-weight: 300;
}

.job-detail .main-photo h2:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: #000;
	z-index: -1;
	opacity: 0.3;
}

.job-detail .social-links {
	display: inline-block;
}

.job-detail .social-links ul li {
	display: inline-block !important;
}

.job-detail .social-links ul li a {
	border: 1px solid var(--color-orange);
	width: 40px;
	height: 40px;
	display: inline-block;
	text-align: center;
	font-size: 17px;
	line-height: 2.4;
	border-radius: 50%;
	color: var(--color-orange);
	transition: all ease-in-out 0.2s;
}

.job-detail .social-links ul li a:hover {
	color: #fff;
	background: var(--color-orange);
	transition: all ease-in-out 0.2s;
}

.job-description ul {
	list-style-type: disc;
	padding-left: 2rem !important;
	margin-bottom: 1.5rem;
}
	
.job-description ul li {
	display: list-item;
	line-height: 2;
	font-size: 0.95rem;
}

.job-description h3 {
	margin-bottom: 0.3rem;
	margin-top: 1.5rem;
	color: var(--color-orange);
}

.job-description h3:first-child {
	margin-top: 0;
}

.job-description a {
  display: inline-block;
  position: relative;
  color: var(--color-orange);
}

.job-description a::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: var(--color-orange);
  transform-origin: bottom center;
  transition: transform 0.25s ease-out;
}

.job-description a:hover::after {
  transform: scaleX(1);
  transform-origin: bottom center;
}


.job-detail input[type=text],
.job-detail input[type=email],
.job-detail input[type=number],
.job-detail input[type=search],
.job-detail input[type=password],
.job-detail input[type=tel],
.job-detail input[type=date],
.job-detail input[type=time],
.job-detail input[type=file],
.job-detail select {
	padding: 7px 12px !important;
	height: 40px !important;
}

.job-detail select {
	padding-right: 3rem !important;
}

@media (max-width: 767.98px) {
	.job-description a	{
	  display: inline;
	  position: relative;
	}
}

.job-detail .job-main .job-content h1 {
	font-size: 26px;
}


/* =============================================================================
	Layout: About us Main Section
============================================================================= */
.about-us-main {
	background-color: var(--color-yellow-bg);
	background-image: url(../images/bg/bg-about-us.svg);
	/*background-size: 100%;*/
	/*background-attachment: fixed;*/
	background-size: contain;
	position: relative;
	overflow: hidden;
	padding-top: 0;
	padding-bottom: 0;
}

.about-us-main .container {
	padding-top: 5rem;
	padding-bottom: 6rem;
	height: auto;
}

.about-us-main .container:before {
	content: '';
	background-image: url(../images/bg/about-us-top.png);
	position: absolute;
	top: 0px;
	left: 10%;
	width: 100%;
	height: 100%;
	background-size: contain;
	background-position: left;
	background-repeat: no-repeat;
}


.about-us-main .about-us-outer {
	background: transparent;
	position: relative;
	z-index: 1;
}

.about-us-main .about-us-outer:before {
	display: none;
}

.about-us-main .about-us-outer .about-us-content,
.about-us-main .about-us-outer .bread-content {
	position: relative;
	text-align: center;
	justify-content: center;
	z-index: 1;
}

.about-us-main .banner-content h1 {
	color: var(--color-black-02);
	letter-spacing: -2px;
	font-size: 44px;
	font-weight: 300;
	line-height: 60px;
	position: relative;
	z-index: 3;
}

.about-us-main .banner-content h3 {
	font-weight: 400;
}

.about-us-main .banner-content h1>span {
	color: var(--color-yellow-dark);
	font-weight: 500;
}

@media (max-width: 1399.98px) {
	.about-us-main .banner-content h1 {
		font-size: 40px;
	}
	
	.about-us-main .container:after {
		content: '';
		bottom: 0;
		left: 0%;
		margin-top: auto;
		height: 95%;
	}
	
	.about-us-main .container:before {
		content: '';
		bottom: 0;
		right: -3%;
		margin-top: auto;
		height: 95%;
	}
	
}

@media (max-width: 1199.98px) {
	.about-us-main .banner-content h1 {
		font-size: 40px;
	}
	
	.about-us-main .container:after {
		content: '';
		bottom: 0;
		left: -6%;
		margin-top: auto;
		height: 90%;
	}
	
	.about-us-main .container:before {
		content: '';
		bottom: 0;
		right: -8%;
		margin-top: auto;
		height: 90%;
	}
}


@media (max-width: 991.98px) {
	.about-us-main .banner-content h1 {
		font-size: 32px;
		line-height: normal;
	}

	.about-us-main {
		padding-top: 0;
		padding-bottom: 0;
	}
	
	.about-us-main .container {
		padding-top: 2rem;
		padding-bottom: 2rem;
		height: 22.5rem;
	}

	.about-us-main .container:after,
	.about-us-main .container:before {
		background: none;
	}

	.about-us-main .career-outer .career-content {
		display: block !important;
		text-align: center !important;
	}

	.about-us-main .container:before {
		content: '';
		background-image: url(../images/bg/about-us-top-mobile.png);
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		margin-top: auto;
		height: 16rem;
		background-size: contain;
		background-position: bottom center;
		background-repeat: no-repeat;
	}
}

@media (max-width: 468.98px) {
	.about-us-main .container {
		padding-top: 2rem;
		padding-bottom: 2rem;
		height: 25.5rem;
	}
}


/* =============================================================================
	Layout: About us Values Section
============================================================================= */
.about-us-values {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
}

/*
.about-us-values:before {
	content: '';
	position: absolute;
	left: 0;
	top: -1%;
	width: 102%;
	height: 102%;
	background: url(../images/bg/career-bg-photo.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	filter: blur(1px);
	-webkit-filter: blur(1px);
	opacity: 0.1;
}
*/

/*
.about-us-values h2,
.about-us-values h5,
.about-us-values p {
	text-shadow: 1px 1px 2px #00000025;
}
*/


.about-us-values .our-values-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	perspective: 900px;
	padding-top: 53px;
}

.about-us-values .our-values-wrapper .our-values-content {
	position: relative;
	width: 85%;
	overflow: hidden;
	border-radius: 50%;
	transition: 0.6s;
	transform-style: preserve-3d;
	/*box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.06);*/
	/*background-color: #ffffff50;*/
}

/* Fake content for size */
.about-us-values .our-values-wrapper .our-values-content:before {
	display: block;
	padding-bottom: 100%;
	content: '';
}

/* Border */
.about-us-values .our-values-wrapper .our-values-content:after {
	position: absolute;
	width: 100%;
	height: 100%;
	top: -100%;
	left: -100%;
	border-radius: 50%;
	content: '';
	z-index: 1;
	transition: 0.5s;
}

.about-us-values .col {
	padding: 0;
}

.about-us-values .col:nth-child(1) .our-values-wrapper .our-values-content:after {
	background-color: var(--color-krouzky-03);
}

.about-us-values .col:nth-child(2) .our-values-wrapper .our-values-content:after {
	background-color: var(--color-krouzky-05);
}

.about-us-values .col:nth-child(3) .our-values-wrapper .our-values-content:after {
	background-color: var(--color-krouzky-01);
}

.about-us-values .col:nth-child(4) .our-values-wrapper .our-values-content:after {
	background-color: var(--color-krouzky-04);
}

.about-us-values .col:nth-child(5) .our-values-wrapper .our-values-content:after {
	background-color: var(--color-krouzky-02);
}

/* Borders */
.about-us-values .our-values-wrapper .our-values-content .back {
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	z-index: 2;
}

/* Center content */
.about-us-values .our-values-wrapper .our-values-content .back span {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	transform: translate(-50%, -50%);
	background-size: cover;
}

.about-us-values .col:nth-child(1) .our-values-wrapper .our-values-content .back span {
	background-image: url('../images/about-us/nadseni.jpg');
}

.about-us-values .col:nth-child(2) .our-values-wrapper .our-values-content .back span {
	background-image: url('../images/about-us/inspirace.jpg');
}

.about-us-values .col:nth-child(3) .our-values-wrapper .our-values-content .back span {
	background-image: url('../images/about-us/dobre-vztahy.jpg');
}

.about-us-values .col:nth-child(4) .our-values-wrapper .our-values-content .back span {
	background-image: url('../images/about-us/rozvoj-talentu.jpg');
}

.about-us-values .col:nth-child(5) .our-values-wrapper .our-values-content .back span {
	background-image: url('../images/about-us/kvalita.jpg');
}

.about-us-values .our-values-wrapper .our-values-content .front {
	transition: all 0s 0.15s;
}
	
.about-us-values .our-values-wrapper .our-values-content .back {
	opacity: 0;
	transition: all 0s 0.15s;
	transform: ratateY(180deg);
}

.about-us-values .our-values-wrapper:hover .our-values-content {
	transform: rotateY(180deg);
}

.about-us-values .our-values-wrapper:hover .our-values-content:after {
	top: 0;
	left: 0;
}

.about-us-values .our-values-wrapper:hover .our-values-content .back {
	opacity: 1;
}

.about-us-values .our-values-wrapper:hover .our-values-content .front {
	opacity: 0;
}

.about-us-values .our-values-content .front h3 {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	margin: 0;
	padding: 0;
	font-weight: 700;
	border-radius: 50%;
	background: #fff;
	font-size: 30px;
}

.about-us-values .our-values-wrapper .icon-wrapper {
	position: absolute;
	width: 105px;
	height: 105px;
	top: 53px;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
	transition: transform 0.6s ease, opacity 0.6s ease;
	transform-style: preserve-3d;
	backface-visibility: hidden;
	pointer-events: none;
}

.about-us-values .our-values-wrapper .icon-wrapper .icon-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.about-us-values .our-values-wrapper .icon-wrapper .icon-inner img {
	width: 60px;
}

.our-values-wrapper:hover .icon-wrapper {
	transform: translate(-50%, -50%) rotateY(180deg);
	opacity: 0;
	pointer-events: none;
}

.our-values-wrapper:hover .icon-inner img {
	transform: scale(0.8);
	opacity: 0;
	transition: transform 0.6s ease, opacity 0.6s ease;
}

.about-us-values .col:nth-child(1) .our-values-content .front h3 {
	background: var(--color-yellow-pale);
	color: var(--color-krouzky-03-02);
}

.about-us-values .col:nth-child(2) .our-values-content .front h3 {
	background: var(--color-red-pale);
	color: var(--color-krouzky-05);
}

.about-us-values .col:nth-child(3) .our-values-content .front h3 {
	background: var(--color-blue-pale-05);
	color: var(--color-krouzky-01);
}

.about-us-values .col:nth-child(4) .our-values-content .front h3 {
	background: var(--color-orange-pale);
	color: var(--color-orange);
}

.about-us-values .col:nth-child(5) .our-values-content .front h3 {
	background: var(--color-green-pale);
	color: var(--color-krouzky-02);
}

.about-us-values .col:nth-child(1) .our-values-wrapper .icon-wrapper {
	background: var(--color-krouzky-03-02);
}

.about-us-values .col:nth-child(2) .our-values-wrapper .icon-wrapper {
	background: var(--color-krouzky-05);
}

.about-us-values .col:nth-child(3) .our-values-wrapper .icon-wrapper {
	background: var(--color-krouzky-01);
}

.about-us-values .col:nth-child(4) .our-values-wrapper .icon-wrapper {
	background: var(--color-orange);
}

.about-us-values .col:nth-child(5) .our-values-wrapper .icon-wrapper {
	background: var(--color-krouzky-02);
}

@media (max-width: 1199.98px) {
	.about-us-values .our-values-wrapper .our-values-content {
		width: 100%;
	}
}

@media (max-width: 991.98px) {
	.about-us-values .our-values-wrapper .our-values-content {
		width: 95%;
	}
}

@media (max-width: 767.98px) {
	.about-us-values {
		padding-top: 1.5rem;
		padding-bottom: 3rem;
	}
	
	.about-us-values .our-values-wrapper .our-values-content {
		width: 80%;
	}
}

@media (max-width: 575.98px) {
	.about-us-values .our-values-wrapper .our-values-content {
		width: 60%;
	}
}


/* =============================================================================
	Layout: About us Team Section
============================================================================= */
.team-section .team-item {
	position: relative;
	transition: all ease-in-out 0.5s;
	overflow: hidden;
	border-radius: 20px;
	border: 1px solid var(--color-krouzky-03-03);
}

.team-section .team-item .team-content {
	position: absolute;
	bottom: -1px;
	left: 0px;
	width: 100%;
	transition: all ease-in-out 0.5s;
	visibility: visible;
	background-color: rgba(255, 255, 255, 0.8);
	text-align: center;
	backdrop-filter: blur(3px);
	z-index: 1;
}

/*
.team-section .team-item:hover .team-content {
	visibility: visible;
	transition: all ease-in-out 0.5s;
	left: 0%;
}
*/

.team-section .team-item:hover {
	border: 1px solid var(--color-krouzky-03);
}

.team-section .team-item:hover .team-content {
	background-color: rgba(255, 246, 215, 0.8);
}

.team-section .team-item .team-image {
	position: relative;
}

.team-section .team-item .team-image img {
	transition: all ease-in-out 0.3s;
}


.team-section .team-item:hover .team-image img.main-img {
	opacity: 0;
	transition: all ease-in-out 0.3s;
}


.team-section .team-item:hover .team-image figure {
	opacity: 1;
}

.team-section .team-item .team-image figure {
	position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    object-fit: contain;
    opacity: 0;
	transition: all ease-in-out 0.3s;
}

.team-section a {
	transition: all ease-in-out 0.3s;
}

.team-section a:hover,
.team-section a:focus {
	color: var(--color-black);
}

@media (max-width: 991.98px) {
	.team-section.team-section1 {
		padding-bottom: 4rem !important;
	}
}

@media (max-width: 735px) {
	.team-section {
		margin: 0 15px !important;
	}

	.team-section .team-border {
		padding-left: 1rem !important;
		padding-right: 1rem !important;
	}

	.team-section.team-section1 {
		margin: 0 !important;
	}
}



/* =============================================================================
	Layout: About us Contacts Section
============================================================================= */
.about-us-contacts {
	background-color: var(--color-yellow-pale);
}

.about-us-contacts ul {
	list-style-type: disc;
	padding-left: 2rem !important;
	margin-bottom: 0;
}
	
.about-us-contacts ul li {
	display: list-item;
	line-height: 2;
	font-size: 0.95rem;
}

.about-us-contacts ul li::marker {
	color: var(--color-krouzky-03);
}


/* =============================================================================
	Layout: About us Articles Section
============================================================================= */
.about-us-articles {
}

.about-us-articles .articles-item .articles-item-image {
	position: relative;
	overflow: hidden;
	height: 17rem;
	border: 1px solid var(--color-krouzky-03-03);
}

.about-us-articles .articles-item .articles-item-image img {
	position: absolute;
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.about-us-articles .articles-item .articles-item-image a>img {
	transition: all ease-in-out 0.5s;
}

.about-us-articles .articles-item:hover .articles-item-image a>img {
	transform: scale(1.2);
	transition: all ease-in-out 0.5s;
}

.about-us-articles a {
	transition: all ease-in-out 0.3s;
}

.about-us-articles a:hover,
.about-us-articles a:focus {
	color: var(--color-krouzky-03);
	transition: all ease-in-out 0.3s;
}


@media (max-width: 575.98px) {
	.about-us-articles .articles-item .articles-item-image {
		height: 14.5rem;
	}
}


/* =============================================================================
	Layout: For parents section
============================================================================= */
.for-parents ul {
	list-style: none;
	padding-left: 0;
}

.for-parents ul li {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

.for-parents ul li img {
	width: 30px;
	height: 30px;
	margin-right: 20px;
	flex-shrink: 0;
}

.for-parents .about-image .photo {
	width: 100%;
	padding: 0;
	position: relative;
	z-index: 2;
}

.for-parents .about-image .spatter {
	position: absolute;
	z-index: 1;
	left: 0;
	bottom: 0px;
	width: 100%;
}

.for-parents .about-content h3 {
	text-transform: uppercase;
	font-weight: 700;
}

@media (max-width: 991.98px) {
	.for-parents .about-image .spatter {
		left: 50%;
		transform: translateX(-50%);
		width: 95%;
		bottom: 1px;
	}	
}

@media (max-width: 575.98px) {
	.for-parents .about-image .photo {
		width: 100%;
	}
	
	.for-parents .about-image .spatter {
		left: 50%;
		transform: translateX(-50%);
		width: 93%;
		bottom: 0;
	}
}

.box-tips {
	position: relative;
	display: flex;
	padding: 45px 25px 25px 25px;
	border: 1px solid var(--color-blue-pale-05);
	transition: .2s ease-in-out;
	border-radius: 20px;
	transform: translate3d(0, 0, 0);
	background: var(--color-blue-pale-05);
	/*overflow: hidden;*/
}

.box-tips,
.box-tips:active,
.box-tips:focus,
.box-tips:hover {
	color: var(--font-color-basic);
}

.box-tips p + p {
	margin-top: 3px;
}

.box-tips .box-icon {
	width: 78px;
	height: 78px;
	position: absolute;
	z-index: 2;
	top: -39px;
	left: 20px;
	transition: transform 0.5s ease;
}

.row > .col-12:nth-child(1) .box-icon {
	background: var(--color-krouzky-02);
}

.row > .col-12:nth-child(2) .box-icon {
	background: var(--color-krouzky-03);
}

.row > .col-12:nth-child(3) .box-icon {
	background: var(--color-krouzky-04);
}

.row > .col-12:nth-child(4) .box-icon {
	background: var(--color-krouzky-05);
}

.box-tips .box-icon img {
	width: 45px;
}

.box-tips::before,
.box-tips::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	border: 1px solid var(--color-krouzky-01);
	border-radius: 20px;
	transition: .25s ease-out;
	will-change: transform;
	contain: paint;
}

.box-tips::before {
	transform: scale3d(0, 1, 1);
	border-width: 1px 0 1px 0;
}

.box-tips::after {
	transform: scale3d(1, 0, 1);
	border-width: 0 1px 0 1px;
}

.box-tips:hover {
	border-color: #fff;
	background: #fff;
}

.box-tips:hover .box-icon {
	animation: shake 0.3s;
}

.box-tips:hover::before,
.box-tips:hover::after {
	transform: scale3d(0.9999, 0.9999, 0.9999);
}

.box-tips-inner,
.box-tips-dummy {
	width: 100%;
	flex-shrink: 0;
}

.box-tips-inner {
	display: flex;
	flex-direction: column;
	/*align-items: center;*/
	/*justify-content: center;*/
}

.box-tips-inner p {
	margin-bottom: 0;
}

.box-tips-dummy {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.box-tips-dummy::before {
	content: '';
	display: block;
	padding-top: 89.65517%;
}

.box-tips-icon {
	font-size: 59px;
	line-height: 1;
	color: var(--color-orange);
}

.box-tips-inner h3 {
	font-weight:400;
	letter-spacing: -1px;
	font-size: 1.3rem;
	margin-top: 8px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.box-tips-dummy::before {
		padding-top: 170%;
	}
}

@media (max-width: 575.98px) {
	.box-tips {
		max-width: 280px;
		margin-left: auto;
		margin-right: auto;
	}
}

.for-parents-tips .frog-family {
	position: absolute;
	right: 0;
	bottom: -4rem;
}

@media (max-width: 991.98px) {
	.frog-family {
		right: 1rem !important;
		width: 35%;
	}
}

@media (max-width: 767.98px) {
	.frog-family {
		width: 40%;
	}
}

@media (max-width: 575.98px) {
	.frog-family {
		width: 50%;
	}
}

.for-parents-articles .articles-item .articles-item-image {
	position: relative;
	overflow: hidden;
	aspect-ratio: 16 / 9;
}

.for-parents-articles .articles-item .articles-item-image img {
	position: absolute;
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.for-parents-articles .articles-item .articles-item-image a img {
	transition: all ease-in-out 0.5s;
}

.for-parents-articles .articles-item:hover .articles-item-image {
	transition: all ease-in-out 0.5s;
}

.for-parents-articles .articles-item:hover .articles-item-image a img {
	transform: scale(1.2);
	transition: all ease-in-out 0.5s;
}

.clamp-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.clamp-6 {
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}


/* =============================================================================
	Layout: Layout: For parents article detail section
============================================================================= */
.for-parents-article-detail h1 {
	font-size: 38px;
}

.for-parents-article-detail h2 {
	font-size: 24px;
	margin-top: 2rem;
	margin-bottom: 0.3rem;
}

.for-parents-article-detail h3 {
	font-size: 18px;
}

@media (max-width: 991.98px) {
	.for-parents-article-detail h1 {
		font-size: 36px;
	}

	.for-parents-article-detail h2 {
		font-size: 28px;
	}

	.for-parents-article-detail h3 {
		font-size: 20px;
	}
}

@media (max-width: 575.98px) {
	.for-parents-article-detail h1 {
		font-size: 1.6rem;
	}

	.for-parents-article-detail h2 {
		font-size: 1.4rem;
	}
	
	.for-parents-article-detail h3 {
		font-size: 1.2rem;
	}
}

.article-w {
	max-width: 75ch;
}

.for-parents-article-detail ul {
	list-style-type: disc;
	padding-left: 2rem;
	margin-bottom: 8px;
}
	
.for-parents-article-detail ul li {
	display: list-item;
}

.for-parents-article-detail .note {
	font-size: 0.85rem;
}


/* =============================================================================
	Layout: For school header CSS
============================================================================= */
.for-school ul {
	list-style: none;
	padding-left: 0;
}

.for-school ul li {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

.for-school ul li img {
	width: 30px;
	height: 30px;
	margin-right: 20px;
	flex-shrink: 0;
}

.for-school .about-image .photo {
	width: 100%;
	padding: 0;
	position: relative;
	z-index: 2;
}

.for-school .about-image .spatter {
	position: absolute;
	z-index: 1;
	left: 0;
	bottom: 1px;
	width: 100%;
}

.for-school .about-content h3 {
	text-transform: uppercase;
	font-weight: 700;
}

@media (max-width: 991.98px) {
	.for-school .about-image .spatter {
		left: 50%;
		transform: translateX(-50%);
		width: 95%;
		bottom: 1px;
	}	
}

@media (max-width: 575.98px) {
	.for-school .about-image .photo {
		width: 100%;
	}
	
	.for-school .about-image .spatter {
		left: 50%;
		transform: translateX(-50%);
		width: 93%;
		bottom: 0;
	}
}


/* =============================================================================
	Layout: For school reasons Section
============================================================================= */
/*
.for-school-reasons {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
	padding-top: 3rem;
	padding-bottom: 2rem;
}

.for-school-reasons:before {
	content: '';
	position: absolute;
	left: 0;
	top: -1%;
	width: 102%;
	height: 102%;
	background: url(../images/bg/career-bg-photo.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	filter: blur(1px);
	-webkit-filter: blur(1px);
	opacity: 0.1;
}

.for-school-reasons h2,
.for-school-reasons h5,
.for-school-reasons p,
.for-school-reasons li {
	text-shadow: 1px 1px 2px #00000015;
}
*/

div.benefit {
	border-top: 1px solid var(--color-krouzky-05);
	padding: 1rem 3rem;
}

div.benefit:last-child {
	border-bottom: 1px solid var(--color-krouzky-05);
}

div.benefit p {
	font-weight: 800;
	font-size: 18px;	
}

.for-school-reasons ul {
	list-style-type: disc;
	padding-left: 1rem !important;
	margin-bottom: 0;
	padding-bottom: 0;
}
	
.for-school-reasons ul li {
	display: list-item;
	margin-bottom: 1.4rem;
}

.for-school-reasons ul li:last-child {
	margin-bottom: 0;
}

.for-school-reasons ul li::marker {
	color: var(--color-krouzky-05);
}

.frog-ball {
	margin-top: -5rem;
	margin-bottom: -2rem;
}

@media (max-width: 991.98px) {
	.frog-ball {
		width: 35%;
	}
}


@media (max-width: 767.98px) {
	.frog-ball {
		margin-top: 0;
		width: 40%;
	}
}


@media (max-width: 575.98px) {
	div.benefit p {
		font-weight: 800;
		font-size: 16px;	
	}
	
	.for-school-reasons ul li {
		font-size: 0.9rem;
	}
	
	.frog-ball {
		margin-top: 0;
		width: 50%;
	}
}


/* =============================================================================
	Layout: For school - List of Activities
============================================================================= */
.for-school-list-of-activities ul {
	list-style-type: disc;
	padding-left: 2rem !important;
	margin-bottom: 0;
	padding-bottom: 0;
}
	
.for-school-list-of-activities ul li {
	display: list-item;
	font-size: 0.95rem;
}

.for-school-list-of-activities ul li a {
	transition: all ease-in-out .5s;
}

.for-school-list-of-activities ul li a {
	color: var(--color-krouzky-06);
	transition: all ease-in-out 0.5s;
	text-decoration: none;
}

.for-school-list-of-activities ul li a:hover,
.for-school-list-of-activities ul li a:focus {
	transition: all ease-in-out .5s;
	color: var(--color-krouzky-01);
	text-decoration: underline;
}

.list-of-activities a {
	color: var(--color-krouzky-06);
	transition: all ease-in-out .5s;
	text-decoration: underline;
}

.list-of-activities a:hover,
.list-of-activities a:focus {
	color: var(--color-krouzky-01);
	transition: all ease-in-out .5s;
}

@media (max-width: 575.98px) {
	.for-school-list-of-activities ul li {
		font-size: 0.9rem;
	}
}


/* =============================================================================
	Layout: For school - dog
============================================================================= */
.for-school-dog .line {
	padding-right: 2rem;
	position: relative;
}

.for-school-dog .line::after {
	content: '';
	position: absolute;
	top: 20%;
	bottom: 20%;
	right: 0;
	width: 1px;
	background-color: var(--color-red-pale-02);
}

.for-school-dog .partner img {
	height: 100px;
	width: auto;
}

.for-school-dog .dog-image .photo {
	width: 100%;
	padding: 0;
	position: relative;
	z-index: 2;
}

.for-school-dog .dog-image .spatter {
	position: absolute;
	z-index: 1;
	left: 0;
	bottom: 0;
	width: 100%;
}

.for-school-dog .dog-content h3 {
	text-transform: uppercase;
	font-weight: 600;
}


.for-school-dog .quote-box {
	background-color: var(--color-red-pale-02);
	position: relative;
	padding: 2rem 4rem;
	border-radius: 15px;
	overflow: visible;
}

.for-school-dog .quote-box .quote-decor {
	position: absolute;
	pointer-events: none;
	z-index: 1;
}

.for-school-dog .quote-box .quote-decor img {
	width: 50px;
}

.for-school-dog .quote-box blockquote {
	position: relative;
	z-index: 2;
}

.for-school-dog .quote-decor.left {
	top: 1.7rem;
	left: 1.7rem;
}

.for-school-dog .quote-decor.right {
	bottom: 1.7rem;
	right: 1.7rem;
}

.for-school-dog .quote-box hr {
	background-color: var(--color-krouzky-05);
	width: 65px;
	height: 3px;
	border: none;
	opacity: 1;
	margin: 0;
}

.for-school-dog .quote-box a {
	color: var(--color-krouzky-05);
	transition: all ease-in-out 0.5s;
	text-decoration: none;
}

.for-school-dog .quote-box a:hover,
.for-school-dog .quote-box a:focus {
	transition: all ease-in-out .5s;
	color: var(--color-krouzky-01);
}

@media (max-width: 575.98px) {
	.for-school-dog .partner img {
		height: 75px;
	}
	
	.for-school-dog .quote-box {
		padding: 2rem 2.2rem;
	}
	
	.for-school-dog .quote-box .quote-decor img {
		width: 30px;
	}
	
	.for-school-dog .quote-box blockquote {
		text-align: center;
	}
	
	.for-school-dog .quote-box hr {
		margin: 0 auto;
	}
}


/* =============================================================================
	Layout: FAQ Section
============================================================================= */
.faq-main h2 {
	color: var(--color-blue);
}

.faq-main h2>span:first-child {
	font-weight: 300;
	color: var(--color-black);
}

.faq-main h3>span:first-child {
	font-weight: 300;
	color: var(--color-black);
}

.accrodion-grp .accrodion+.accrodion {
    margin-top: 10px
}

.accrodion-grp .accrodion .accrodion-title {
    border: 1px solid #cccccc80;
    background: #fff;
    padding: 20px;
    cursor: pointer;
    transition: all ease-in-out .5s;
    border-radius: 10px
}

.accrodion-grp .accrodion .accrodion-title h5 {
    margin: 0;
    position: relative;
    border: none
}

.accrodion-grp .accrodion .accrodion-title h5:before {
    content: '\f107';
    font-family: 'Font Awesome 6 Pro';
    color: #222;
    font-size: 20px;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.accrodion-grp .accrodion .accrodion-content {
    padding-top: 10px
}

.accrodion-grp .accrodion .accrodion-content .inner {
    padding: 30px
}

.accrodion-grp .accrodion .accrodion-content .inner p {
    margin: 0;
    letter-spacing: .01em;
}

.accrodion-grp .accrodion.active .accrodion-title {
    background: var(--color-blue);
    border-color: var(--color-blue);
}

.accrodion-grp .accrodion.active .accrodion-title.theme2 {
    background: var(--color-green);
    border-color: var(--color-green);
}

.accrodion-grp .accrodion.active .accrodion-title h5 {
    color: #fff
}

.accrodion-grp .accrodion.active .accrodion-title h5:before {
    content: '\f106';
    color: #fff
}

@media(max-width:567px) {
    .accrodion-grp .accrodion .accrodion-title h5 {
        font-size: 14px
    }
	
	.accrodion-grp .accrodion .accrodion-content .inner {
		padding: 15px 30px;
	}
	
}


/* =============================================================================
	Layout: Breadcrump
============================================================================= */
.breadcrumb-main {
	background-color: var(--color-blue-pale-05);
	background-image: url(../images/bg/bg-search-krouzky.svg);
	/*background-size: 100%;*/
	/*background-attachment: fixed;*/
	background-size: contain;
	position: relative;
	overflow: hidden;
	padding-top: 0;
	padding-bottom: 0;
}

.breadcrumb-main.camps {
	background-color: var(--color-green-pale);
	background-image: url(../images/bg/bg-search-camps.svg);
}

.breadcrumb-main .container {
	padding-top: 4rem;
	padding-bottom: 4rem;
}

.breadcrumb-main .container:after,
.breadcrumb-main .container:before {
	content: '';
	background-image:
		image-set(
			url('../images/bg/activities-girl-search-v3.avif') type('image/avif'),
			url('../images/bg/activities-girl-search-v3.png') type('image/png')
		),
		url(../images/bg/activities-spatter.svg);
	position: absolute;
	top: 15px;
	right: 0%;
	width: 100%;
	height: 100%;
	background-size: contain, contain;
	background-position: right 9% center, right 3% center;
	background-repeat: no-repeat, no-repeat;
}

.breadcrumb-main.camps .container:after,
.breadcrumb-main.camps .container:before {
	background-image:
		image-set(
			url('../images/bg/activities-boy-search-v2.avif') type('image/avif'),
			url('../images/bg/activities-boy-search-v2.png') type('image/png')
		),
		url(../images/bg/activities-spatter-camps.svg);
		background-position: right center, right 3% center;
}

/*
.breadcrumb-main:before {
	background-image: url(../images/bg/bg-search-02.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right;
	z-index: 1;
	opacity: 1;
	animation: movebounce 5s infinite;
}
*/

.breadcrumb-main .breadcrumb-outer {
	background: transparent;
	position: relative;
	z-index: 1;
}

.breadcrumb-main .breadcrumb-outer:before {
	display: none;
}

.breadcrumb-main .breadcrumb-outer .breadcrumb-content,
.breadcrumb-main .breadcrumb-outer .bread-content {
	position: relative;
	text-align: left;
	justify-content: left;
	z-index: 1;
}

.breadcrumb-main .breadcrumb-outer .breadcrumb-content h1,
.breadcrumb-main .breadcrumb-outer .bread-content h1 {
	font-size: 50px;
}

.breadcrumb-main .breadcrumb-outer .bread-content nav {
	left: 0;
	right: 0;
}

.breadcrumb-subpage {
	/*
	background-color: var(--color-blue-light-3);
	background-image: url(../images/bg/bg-search.svg);
	background-size: auto;
	/*background-attachment: fixed;*/
	/*background-size: contain;*/
	
	/*position: relative;
	overflow: hidden;
	padding-top: 0;
	padding-bottom: 0;
	*/
}

.breadcrumb {
	background: transparent;
	margin: 0;
	padding: 0;
	display: inline-block;
}

.breadcrumb li,
.breadcrumb li.active {
	margin-bottom: 0;
	font-size: 15px;
}

.breadcrumb li a,
.breadcrumb li.active a {
	color: #1967D3;
}

.breadcrumb.camps li a {
	color: var(--color-krouzky-02);
}

.breadcrumb-item h1 {
	font-size: 15px;
	display: inline;
	color: var(--font-color-basic);
	font-weight: normal;
	letter-spacing: 0;
}

.breadcrumb .breadcrumb-item+.breadcrumb-item:before {
	content: '\f105';
	font-family: 'Font Awesome 6 Pro';
	color: #222222;
	font-size: 12px;
	margin-top: 3px;
}

@media (max-width: 1199.98px) {	
	.breadcrumb-main .breadcrumb-outer .breadcrumb-content h1 {
		font-size: 44px;
	}
}
	
@media (max-width: 991.98px) {
	.breadcrumb-main .container {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
	
	.breadcrumb-main .container:after,
	.breadcrumb-main .container:before,
	.breadcrumb-main.camps .container:after,
	.breadcrumb-main.camps .container:before {
		background: none;
	}
	
	.breadcrumb-main .breadcrumb-outer .breadcrumb-content {
		display: block !important;
		text-align: center !important;
	}

	.breadcrumb-main .breadcrumb-outer .breadcrumb-content nav {
		right: 0;
		margin: 0;
	}

	.breadcrumb-main .breadcrumb-outer .breadcrumb-content h2 {
		margin: 0 !important;
	}

	.breadcrumb-main .breadcrumb-outer .breadcrumb-content h1 {
		font-size: 44px;
	}

	.cover-content {
		margin-bottom: 2rem;
	}
	
	.breadcrumb-main .breadcrumb-outer .breadcrumb-content .book-form .border-end:nth-child(even) {
		border: 0 !important;
	}

	.breadcrumb-main .breadcrumb-outer .breadcrumb-content .book-form .col .form-group .select2-container {
		border-bottom: 1px solid #cccccc80 !important;
		border-radius: 0 !important;
	}

	.select2-selection {
		text-align: left;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	.breadcrumb-main .breadcrumb-outer .breadcrumb-content .book-form .col:nth-child(5) .form-group .select2-container {
		border-bottom: 0 !important;
	}
}


@media (max-width: 811px) {
	.breadcrumb-main .breadcrumb-outer .breadcrumb-content h1 {
		font-size: 36px;
	}

	.page-cover h1 {
		font-size: 36px;
	}

	.page-cover .author-detail {
		display: block !important;
	}
}

@media (max-width: 767.98px) {
	.breadcrumb-main .container {
		padding-top: 2rem;
		padding-bottom: 3rem;
	}
	
	.breadcrumb-main .breadcrumb-outer .breadcrumb-content .book-form .border-end {
		border: 0 !important;
	}
}
	
	
@media (max-width: 639px) {
	.breadcrumb-main .breadcrumb-outer .breadcrumb-content h1 {
		font-size: 28px;
	}

	.page-cover h1 {
		font-size: 28px;
	}
}

@media (max-width: 575.98px) {
	.breadcrumb-main .breadcrumb-outer .breadcrumb-content h1,
	.breadcrumb-main .breadcrumb-outer .bread-content h1 {
		font-size: 26px;
	}
}


@media (max-width: 479px) {
	.breadcrumb-main .breadcrumb-outer .breadcrumb-content {
		text-align: center;
	}

	.breadcrumb-main .breadcrumb-outer .breadcrumb-content h1 {
		font-size: 24px;
	}

	.breadcrumb-main .breadcrumb-outer .breadcrumb-content h2 {
		display: block;
		font-size: 40px;
	}
}


/* =============================================================================
	Layout: Buttons
============================================================================= */
button {
	border: none;
}


.btn-outline-light {
	border-radius: 250px;
	padding: 12px 24px;
	font-size: 14px;
	text-transform: uppercase;
}

.krouzky-btn,
.krouzky-btn1,
.krouzky-btn2,
.krouzky-btn-orange,
.krouzky-btn-orange-light,
.krouzky-btn-dark-blue,
.krouzky-btn-grey,
.krouzky-btn-grey-2,
.krouzky-btn-green,
.krouzky-btn-white,
.krouzky-btn-black,
.krouzky-btn-red,
.krouzky-btn-blue-outline,
.krouzky-btn-green-outline {
	position: relative;
	display: block;
	text-decoration: none;
	font-size: 15px;
	font-weight: 600;
	text-align: center;
	padding: 11px 24px;
	border: none;
	overflow: hidden;
	border-radius: 250px;
	background: var(--color-krouzky-01);
	transition: all ease-in-out 0.5s;
	color: #fff;
	z-index: 1;
	display: inline-block;
}

.krouzky-btn2 {
	background: var(--color-krouzky-03-02);
}

.krouzky-btn-orange {
	background: var(--color-orange);
}

.krouzky-btn-orange-light {
	background: var(--color-orange-2);
}

.krouzky-btn-dark-blue {
	background: var(--color-krouzky-06-light);
}

.krouzky-btn-grey {
	background: var(--color-grey-2);
}

.krouzky-btn-grey-2 {
	background: var(--color-grey-4);
}

.krouzky-btn-green {
	background: var(--color-krouzky-02);
}

.krouzky-btn-red {
	background: var(--color-krouzky-05);
}

.krouzky-btn-white {
	background: #fff;
}

.krouzky-btn-black {
	background: #000;
}

.krouzky-btn:hover,
.krouzky-btn:focus,
.krouzky-btn1:hover,
.krouzky-btn1:focus,
.krouzky-btn2:hover,
.krouzky-btn2:focus,
.krouzky-btn-orange:hover,
.krouzky-btn-orange:focus,
.krouzky-btn-orange-light:hover,
.krouzky-btn-orange-light:focus,
.krouzky-btn-dark-blue:hover,
.krouzky-btn-dark-blue:focus,
.krouzky-btn-grey:hover,
.krouzky-btn-grey:focus,
.krouzky-btn-grey-2:hover,
.krouzky-btn-grey-2:focus,
.krouzky-btn-green:hover,
.krouzky-btn-green:focus,
.krouzky-btn-red:hover,
.krouzky-btn-red:focus,
.krouzky-btn-white:hover,
.krouzky-btn-white:focus,
.krouzky-btn-black:hover,
.krouzky-btn-black:focus,
.krouzky-btn-blue-outline:hover,
.krouzky-btn-blue-outline:focus,
.krouzky-btn-green-outline:hover,
.krouzky-btn-green-outline:focus {
	transition: all ease-in-out 0.4s;
	color: #fff !important;
}

.krouzky-btn:before,
.krouzky-btn1:before,
.krouzky-btn2:before,
.krouzky-btn-orange:before,
.krouzky-btn-orange-light:before,
.krouzky-btn-dark-blue:before,
.krouzky-btn-grey:before,
.krouzky-btn-grey-2:before,
.krouzky-btn-green:before,
.krouzky-btn-red:before,
.krouzky-btn-white:before,
.krouzky-btn-black:before {
	background: var(--color-krouzky-01-light);
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
	transition: all 0.6s ease;
}

.krouzky-btn2:before {
	background: var(--color-yellow-dark-2);
}

.krouzky-btn-orange:before {
	background: var(--color-orange-hover);
}

.krouzky-btn-orange-light:before {
	background: var(--color-orange-5);
}

.krouzky-btn-dark-blue:before {
	background: var(--color-krouzky-06-light-2);
}

.krouzky-btn-grey:before {
	background: var(--color-grey-3);
}

.krouzky-btn-grey-2:before {
	background: var(--color-grey-5);
}

.krouzky-btn-green:before {
	background: var(--color-green-2);
}

.krouzky-btn-red:before {
	background: var(--color-krouzky-05-light);
}

.krouzky-btn-white:before {
	background: var(--color-grey-6);
}

.krouzky-btn-black:before {
	background: var(--color-grey-6);
}

.btn1:before {
	width: 0%;
	height: 100%;
}

.btn1:hover:before {
	width: 100%;
}

.btn1.placeholder:hover:before {
	width: 0% !important;
}

.krouzky-btn1 {
	background: #fff;
	color: var(--font-color-basic);
	border: 1px solid var(--input-border-color);
}

.krouzky-btn-blue-outline {
	background: #fff;
	color: var(--color-krouzky-01);
	border: 1px solid var(--color-krouzky-01);
	transition: all 0.3s ease;
}

.krouzky-btn1:hover,
.krouzky-btn-orange:hover,
.krouzky-btn-orange-light:hover,
.krouzky-btn-dark-blue:hover,
.krouzky-btn-grey:hover,
.krouzky-btn-green:hover,
.krouzky-btn-red:hover,
.krouzky-btn-blue-outline:hover,
.krouzky-btn-green-outline:hover {
	color: #fff !important;
}

.krouzky-btn-blue-outline:hover {
	border: 1px solid var(--color-krouzky-01);
	background: var(--color-krouzky-01);
	transition: all 0.3s ease;
}
.krouzky-btn-green-outline:hover {
	border: 1px solid var(--color-krouzky-02);
	background: var(--color-krouzky-02);
	transition: all 0.3s ease;
}

.krouzky-btn1:before {
	background: var(--color-black);
}

.krouzky-btn-white,
.krouzky-btn-white:hover,
.krouzky-btn-white:focus {
	color: var(--color-krouzky-06) !important;
}

.outline-blue {
	border: 1px solid var(--color-krouzky-01);
}
.outline-green {
	border: 1px solid var(--color-krouzky-02);
}

input#submit {
	border: none;
}

input#submit:hover {
	opacity: 0.8;
	background: #1967D3 !important;
	color: #fff;
}

.register-login .krouzky-btn-blue-outline {
	white-space: nowrap;
	margin-left: var(--bs-navbar-brand-margin-end);
	color: var(--color-krouzky-01) !important;
}

.krouzky-btn-blue-outline:focus {
	color: var(--color-krouzky-01) !important;
}

.krouzky-btn-green-outline:focus {
	color: var(--color-krouzky-02) !important;
}

.krouzky-btn-blue-outline:hover, .krouzky-btn-green-outline:hover {
	color: #fff !important;
}

.btn-small {
	padding: 9px 22px;	
}

.btn-small-2 {
	padding: 9px 0px;	
}

.btn-big {
	font-size: 15px;
	padding: 15px 27px;	
}

@media all and (max-width: 1399.98px) {
	.btn-big {
		font-size: 14px;
		padding: 12px 20px;	
	}
}

@media all and (max-width: 1199.98px) {
	.register-login .krouzky-btn-blue-outline {
		padding: 8px 15px;
	}
	
	.krouzky-btn {
		padding: 12px 15px;
	}
	
	.btn-big {
		font-size: 14px;
		padding: 12px 20px;	
	}
}


/* =============================================================================
	Layout: Sliders
============================================================================= */
.item-slider .slick-prev,
.item-slider .slick-next {
	top: -124px;
	background: #fff;
	border-radius: 5px;
	border: 1px solid #f1f1f1;
	width: 50px;
	height: 50px;
	line-height: 1;
}

.item-slider .slick-prev::before,
.item-slider .slick-next::before {
	color: var(--font-color-basic);
	font-size: 28px;
	line-height: 1.5;
}

.item-slider .slick-prev:hover,
.item-slider .slick-prev:focus,
.item-slider .slick-next:hover,
.item-slider .slick-next:focus {
	background: #1967D3;
	border-color: #1967D3;
}

.item-slider .slick-prev:hover::before,
.item-slider .slick-prev:focus::before,
.item-slider .slick-next:hover::before,
.item-slider .slick-next:focus::before {
	color: #fff;
}

.item-slider .slick-prev {
	right: 76px;
	left: inherit;
}

.item-slider .slick-next {
	right: 16px;
}

.testi-slider .slick-prev,
.testi-slider .slick-next {
	bottom: 30px;
	top: inherit;
	background: #fff;
	border-radius: 5px;
	border: 1px solid #f1f1f1;
	width: 50px;
	height: 50px;
	line-height: 1;
}

.testi-slider .slick-prev::before,
.testi-slider .slick-next::before {
	color: var(--font-color-basic);
	font-size: 28px;
	line-height: 1.5;
}

.testi-slider .slick-prev:hover,
.testi-slider .slick-prev:focus,
.testi-slider .slick-next:hover,
.testi-slider .slick-next:focus {
	background: #1967D3;
	border-color: #1967D3;
}

.testi-slider .slick-prev:hover::before,
.testi-slider .slick-prev:focus::before,
.testi-slider .slick-next:hover::before,
.testi-slider .slick-next:focus::before {
	color: #fff;
}

.testi-slider .slick-prev {
	left: 120px;
}

.testi-slider .slick-next {
	right: inherit;
	left: 180px;
}

.banner-slider .slick-prev,
.banner-slider .slick-next {
	background: #069cd0;
	border-radius: 50%;
	width: 50px;
	height: 50px;
}

.banner-slider .slick-prev::before,
.banner-slider .slick-next::before {
	color: #fff;
	font-size: 28px;
	line-height: 1.8;
}

.banner-slider .slick-prev:hover,
.banner-slider .slick-prev:focus,
.banner-slider .slick-next:hover,
.banner-slider .slick-next:focus {
	background: var(--color-black);
}

.banner-slider .slick-prev {
	left: 30px;
}

.banner-slider .slick-next {
	right: 30px;
}


/* =============================================================================
	Layout: Alert
============================================================================= */
#alert-wrap, #alert {
	display: none;
}

.alert {
	/*font-size: 14px !important;*/
	border-radius: 20px;
}

.alert-activities {
	background: var(--color-blue-pale-04);
}

.alert-camps {
	background: var(--color-green-pale-02);
}

.alert-main {
	margin-bottom: 0;
	border-radius: 0;
	border: 0 !important;
	--bs-alert-padding-y: 0.5rem !important;	
}

.alert-main p {
	padding:0;
	margin:0 0 0 1.4rem;
	text-align: center;
}

.alert-main .btn-close {
	padding: 0.9rem !important;
	width: 0.5rem !important;
	height: 0.5rem !important;
}


.alert-dismissible .btn-close:focus,
.alert-dismissible .btn-close:active,
.alert-dismissible .btn-close:hover {
	outline: 0 !important;
	border-style: none !important;
	box-shadow: none !important;
}

.alert-light-2 {
	border: 1px solid var(--color-grey-10);
	background: var(--color-grey-9);
}


/* =============================================================================
	Layout: Section Search Results
============================================================================= */
.section-search-results {
	background-color: var(--color-green-pale);
}

.section-search-results .found-item {
	transition: all ease-in-out .5s;
	border: 1px solid var(--border-grey);
	background: #fff;
	position: relative;
	overflow: hidden;
}

/*
.section-search-results .found-item .last-minute {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 1;
	text-align: center;
	color: #fff;
	background: rgba(235, 60, 90, 0.8);
	font-size: 14px;
	font-weight: 600;
	padding: 3px 0;
}
*/

.section-search-results .found-item:hover {
	transition: all ease-in-out 0.5s;
	transform: translateY(-8px);
}

.section-search-results .found-item:hover:before {
	content: "";
	transition: all ease-in-out 0.5s;
	height: 100%;
}

.section-search-results .found-item.krouzek:hover h2 a,
.section-search-results .found-item.krouzek:focus h2 a {
	color: var(--color-krouzky-01);
}

.section-search-results .found-item.krouzek:hover {
	border-color: var(--border-blue-2);
}

.section-search-results .found-item.krouzek h2>a:hover,
.section-search-results .found-item.krouzek h2>a:focus {
	color: var(--color-krouzky-01);
}

.section-search-results .found-item.camp:hover h5 a,
.section-search-results .found-item.camp:focus h5 a {
	color: var(--color-krouzky-02);
}

.section-search-results .found-item.camp:hover {
	border-color: var(--border-green);
}

.section-search-results .found-item.camp h5>a:hover,
.section-search-results .found-item.camp h5>a:focus {
	color: var(--color-krouzky-02);
}

.section-search-results .found-item h2 {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 20px;
}

.section-search-results .found-content .content-icons {
	font-size: 14px;
	padding-left: 0;
	padding-right: 0;
}

.found-item.krouzek .ready-to-buy {
	color: var(--color-krouzky-01);
}

.found-item.camp .ready-to-buy {
	color: var(--color-krouzky-02);
}

/* Grid View */
.section-search-results .view-grid .found-item .found-image,
.section-search-results .view-grid .found-item .found-image-eshop {
	position: relative;
	overflow: hidden;
	height: 13rem;
	border-radius: 20px;
}

.section-search-results .view-grid .found-item .found-image-eshop.type_1 {
	background-color: #d4e5f9;
}

.section-search-results .view-grid .found-item .found-image-eshop.type_2 {
	background-color: #def6e9;
}

.section-search-results .view-grid .found-item .found-image img,
.section-search-results .view-grid .found-item .found-image-eshop img {
	position: absolute;
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.section-search-results .view-grid .found-item .found-image-eshop img {
	object-fit: contain;
}
	
.section-search-results .view-grid .found-content p.description {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.section-search-results .view-grid .found-content p.description-eshop {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 3em;
}

/* List View */
.section-search-results .view-list .found-item .found-image {
	position: relative;
	overflow: hidden;
}

.section-search-results .view-list .found-item .found-image img {
	position: absolute;
	object-fit: cover;
	width: 100%;
	height: 100%;
}
	
.section-search-results .view-list .found-content p.description {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.section-search-results .view-list .found-content p.description-2 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
	
.section-search-results .view-list .found-buttons-list .krouzky-btn-blue-outline,
.section-search-results .view-list .found-buttons-list .krouzky-btn {
	padding-left: 10px;
	padding-right: 10px;
}
	
.section-search-results .view-list .ofs-1 {
	font-size: 3rem;
}

@media all and (max-width: 1199.98px) {
	.ofs-1 {
		font-size: 2.5rem !important;
	}
}

@media all and (max-width: 575.98px) {
	.section-search-results .view-list .found-item .found-image,
	.section-search-results .view-list .found-item .found-image-eshop {
		height: 13rem;
	}

	.found-content p.description {
		-webkit-line-clamp: 3 !important;
	}
}


.section-search-results .sortby {
	width: 140px;
}

.section-search-results .search-results-box .found-item-box-placeholder span {
	background-color: var(--color-grey-7);
}

.section-search-results .search-results-box .found-item-box-placeholder .found-item {
	border: 1px solid var(--color-grey-6);
}

.section-search-results .search-results-box .found-item-box-placeholder .found-item .krouzky-btn {
	background-color: var(--color-grey-7);
}


/* =============================================================================
	Layout: Section Activity Detail
============================================================================= */
.activity-detail h1 {
	font-size: 26px;
}

.activity-detail h2 {
	font-size: 22px;
}

.activity-detail h3 {
	font-size: 20px;
}

@media (max-width: 575.98px) {
	.activity-detail h1 {
		font-size: 1.5rem;
	}

	.activity-detail h2 {
		font-size: 1.2rem;
	}

	.activity-detail h3 {
		font-size: 1.2rem;
	}

	.activity-detail h4 {
		font-size: 1.2rem;
	}
}

.activity-detail ul.list-group,
.activity-description ul {
	list-style-type: disc;
}

.activity-description ul {
	padding-left: 2rem;
}
	
.activity-detail ul.list-group li,
.activity-description ul li {
	display: list-item;
	line-height: 2;
	font-size: 0.95rem;
}
	
.activity-detail .main-photo {
	position: relative;
	overflow: hidden;
	height: 20rem;
}

.activity-detail .main-photo img {
	position: absolute;
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.info-tag {
	text-decoration: underline;
	cursor: help;
}

.info-tag i {
	vertical-align: super;  
	font-size: small;  
}

.krouzky-tooltip {
  --bs-tooltip-bg: var(--color-blue);
}

.progress {
	border-radius: 20px !important;
}

.progress-bar {
  width: 0;
}

.progress .progress-bar {
  transition: unset;
}

.activity-structure {
	background: var(--color-blue-pale-05);
	/*border: 1px solid var(--border-blue-2) !important;*/
}

/*
.progress-bar {
	width: 0;
    -webkit-transition: width 2.5s ease;
    transition: width 2.5s ease;
}
*/


.activity-single-content .social-links ul li a {
	color: var(--color-krouzky-01);
	border: 1px solid var(--color-krouzky-01);
}

.activity-single-content .social-links ul li a:hover {
	color: #fff;
	background: var(--color-krouzky-01);
}

.sidebar-sticky.sticky1 {
	top: 58px;
}

.sidebar-sticky.sticky1.tab-sticky {
	top: 30px;
	box-shadow: none;
}

.sticky1.tab-sticky {
	top: 0px;
	transition: all ease-in-out 0.5s;
	animation-name: slideInUp;
	box-shadow: 0 0 15px #cccccc57;
	padding-top: 1.5rem;
}

.sidebar-sticky {
	position: sticky;
	top: 0;
	transition: all ease-in-out 0.5s;
}

.sidebar-sticky .list-sidebar {
	border-radius: 0px;
}

.sidebar-sticky .list-sidebar .sidebar-item {
	padding: 0 0px 30px;
	border-bottom: 2px dashed #dbdbdb;
	margin-bottom: 30px;
}

.sidebar-sticky .list-sidebar .sidebar-item:last-child {
	border: none;
	margin: 0;
	padding: 0;
}

.sidebar-sticky .list-sidebar .sidebar-item h4 {
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 30px;
	border-bottom: 1px solid #cccccc80;
}

.sidebar-sticky .list-sidebar .sidebar-item h4::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 20%;
	height: 2px;
	background: #1967D3;
}

.sidebar-sticky .list-sidebar .sidebar-item .pretty {
	display: block;
	margin-bottom: 20px;
	margin-right: 0;
}

.sidebar-sticky .list-sidebar .sidebar-item .pretty .state label {
	text-indent: 1em;
	width: 100%;
	padding-left: 10px;
}

.sidebar-sticky .list-sidebar .sidebar-item .pretty .state label span.number {
	float: right;
}

.sidebar-sticky .list-sidebar .sidebar-item .pretty:last-child {
	margin: 0;
}

.sidebar-sticky .list-sidebar .sidebar-item .pretty.p-icon .state .krouzky-icon {
	color: #fff;
}

.sidebar-sticky .list-sidebar .sidebar-item .pretty.p-icon input:checked~.state .krouzky-icon {
	background: #1967D3;
}

.sidebar-sticky .list-sidebar .sidebar-item .range-slider {
	margin-bottom: 0;
}

.sidebar-sticky .list-sidebar .sidebar-item .range-slider .ui-slider .ui-slider-range {
	background: #1967D3;
}

.sidebar-sticky .list-sidebar .sidebar-item .star-rating span {
	color: #ffbc00;
	display: inline;
}

.sidebar-sticky .list-sidebar .sidebar-item .map-box {
	background: url(../images/map.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}

.sidebar-sticky .form-content {
	box-shadow: 0px 0px 30px #cccccc57;
	background: #1967D3;
	padding: 30px;
}

.sidebar-sticky .form-content h4::before {
	display: none !important;
}

.sidebar-sticky .form-content .nice-select {
	padding: 13px 20px 10px 35px;
	font-weight: 400;
}

.sidebar-sticky .form-content .input-box {
	position: relative;
	display: inline-block;
	width: 100%;
}

.sidebar-sticky .form-content .input-box input {
	padding-left: 35px;
}

.sidebar-sticky .form-content .input-box i {
	position: absolute;
	left: 12px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
}

.sidebar-sticky .form-content .input-box [class^="fa-"]:before {
	color: #ef2853;
	font-weight: 600;
}

.sidebar-sticky.sticky1 .map-responsive {
    overflow:hidden;
    padding-bottom:50%;
    position:relative;
    height:0;
}

.sidebar-sticky.sticky1 .map-responsive	iframe {
	left: -3px;
	top: -3px;
	height: calc(100% + 6px);
	width: calc(100% + 6px);
	position:absolute;
	border: 0;
}

.sidebar-sticky.sticky1 ul li {
	font-size: 0.95rem;
}

.krouzky-loading-wrap {
	left: 0;
	width: 100%;
	text-align: center;
	line-height: 0;  
	position: absolute !important;
	top: 50% !important;
	transform: translateY(-50%);
}

.krouzky-loading {
	display: block;
	width: 110px;
	height: 110px;
	margin: 0 auto;
	background: url('../images/krouzky-loading.svg') no-repeat;
}

.activity-summary ul>li>span:first-child,
.activity-place ul>li>span:first-child,
.activity-contact ul>li>span:first-child {
	padding-right: 5px;
}

.activity-summary ul>li.grid-view>span:first-child,
.activity-place ul>li.grid-view>span:first-child,
.activity-contact ul>li.grid-view>span:first-child {
	white-space: nowrap !important;
	padding-right: 15px;
}

.activity-summary ul>li.grid-view>span:last-child,
.activity-place ul>li.grid-view>span:last-child,
.activity-contact ul>li.grid-view>span:last-child {
	text-align: right;
}

.activity-summary ul>li>span.last-minute-detail {
	border-radius: 12px;
	background: rgba(235, 60, 90, 1);
	color: #fff;
	padding: 1px 10px 1px 6px !important;
}

.activity-summary ul>li>span.last-minute-detail strong {
	font-size: 12px;
}

.activity-contact .krouzky-btn-blue-outline {
	padding-left: 5px;
	padding-right: 5px;
}

@media (max-width: 991.98px) {
	.sidebar-sticky.sticky1 {
		top: 2rem;
		position: relative !important;
	}

	.sidebar-sticky.sticky1.tab-sticky {
		top: 2rem;
		position: relative !important;
		padding: 0;
	}
}

@media (max-width: 577.98px) {
	.sidebar-sticky .krouzky-btn-blue-outline {
		padding-left: 0rem !important;
		padding-right: 0rem !important;
	}
}

.camps .activity-description a {
	color: var(--color-krouzky-02);
	transition: all ease-in-out 0.5s;
	cursor: pointer;
	text-decoration: none;
}

.camps .activity-description a:hover,
.camps .activity-description a:focus {
	text-decoration: none;
	color: var(--color-krouzky-06);
	transition: all ease-in-out 0.5s;
	outline: none;
}


/* =============================================================================
	Layout: Application CSS
============================================================================= */
.application h2 {
	color: var(--color-blue);
}

.application h2>span:first-child {
	font-weight: 300;
	color: var(--color-black);
}

.application h3>span:first-child {
	font-weight: 300;
	color: var(--color-black);
}

.application input[type=text],
.application input[type=email],
.application input[type=number],
.application input[type=search],
.application input[type=password],
.application input[type=tel],
.application input[type=date],
.application input[type=time],
.application select {
	padding: 7px 12px !important;
	height: 40px !important;
}

.application select {
	padding-right: 3rem !important;
}

.application textarea {
	height: 90px !important;
	padding: 7px 10px !important;
}

.application .krouzky-btn-blue-outline {
	padding: 7px 15px !important;
	height: 40px !important;
}

.application .krouzky-btn-blue-outline.no-height {
	height:auto !important;
}



.application hr.application-hr-2 {
	opacity: 1;
	border-top: 2px dashed var(--color-grey-8);
}

.application hr.application-hr {
	opacity: 1;
	border-top: 2px dashed var(--color-grey-8);
}

.application hr.application-hr::before {
	background-color: #ffffff;
	bottom: 0;
	color: #1967D3;
	font-size: 16px;
	position: absolute;
	left: 0;
	margin: 0 auto;
	right: 0;
	text-align: center;
	top: -14px;
}

.application hr.application-hr-child::before {
	content: "Údaje o dítěti";
	width: 150px;
}

.application hr.application-hr-parent::before {
	content: "Údaje o rodiči";
	width: 150px;
}

.application hr.application-hr-addition::before {
	content: "Doplňující údaje";
	width: 150px;
}

.application hr.application-hr-payment::before {
	content: "Platební údaje";
	width: 150px;
}

.application hr.application-hr-firstsemester::before {
	content: "Začít chodit hned";
	width: 150px;
}

.small-select {
	height: 40px !important;
}

.select-field {
  display: grid;
  grid-template:
    "label"
    "select"
}

.select-field .form-select {
	--bs-form-select-bg-img: none;
	background-color: transparent !important;
	grid-area: select;
	background-color: transparent !important;
	z-index: 2;
}

.select-field .select-arrow {  
	z-index: 1;
	block-size: 12px;	
	inline-size: 16px;
	grid-area: select;
	align-self: center;
	justify-self: end;
	margin-inline-end: 1ch;
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>");
	background-repeat: no-repeat;
	transition: all ease-in-out 0.2s;
}

.select-field .form-select:focus + .select-arrow {
	transform: rotate(180deg);
	transition: all ease-in-out 0.2s;
}

.form-control::placeholder,
.form-novalidate::placeholder {
	color: rgba(0, 40, 78, 0.5) !important;
	transition: all ease-in-out 0.2s;
}

.form-control:focus::placeholder,
.form-novalidate:focus::placeholder {
	color: transparent !important;
	transition: all ease-in-out 0.2s;
}

.form-label {
	margin-bottom: 0.25rem !important;
}

.form-check-label {
	cursor: pointer;
}

.form-select option:disabled,
.form-select-novalidate option:disabled {
  color: rgba(0, 40, 78, 0.5) !important;
}

.form-group input.mt-check {
	margin-top: 15px;
}

.form-group label.mt-check {
	margin-top: 12px;
}

.input-group>.form-control {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

select.form-select {
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

.payment-label {
	cursor: pointer;
	height: 47px !important;
	background: #fdfdfd;
	text-align: center !important;
}
	
.payment-label .form-check-input {
	margin-left: -1px;
	margin-top: 0;
	opacity: 0;
	width: 1px;
	height:1px;
}

.payment-label .form-check-label {
	margin-bottom: 0;
	margin-top: 1px;
}

/*
.was-validated .payment-label:last-child:has(.form-check-input:invalid) {
	margin-bottom:2rem;
}
*/

#payment-feedback {
	margin-top: -3px;
}

.payment-label:hover,
.payment-label:focus,
.payment-label:has(>input[type="radio"]:checked) {
	background-color: var(--color-light-2-blue);
    border: 1px solid var(--border-blue-2) !important;
}

.payment-label:hover .form-check-label,
.payment-label:focus .form-check-label {
	color: var(--color-blue);
}

input[type="radio"]:checked+label{
	font-weight: 600;
	color: var(--color-blue);
}

.total-price {
	font-size: 1.2rem;
	font-weight: 600;
}

.was-validated .form-control.no-validation:valid {
	border: 1px solid var(--input-border-color);
	background: none;
}

.was-validated .form-select.no-validation:valid {
	border: 1px solid var(--input-border-color);
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>") !important;
}

.was-validated .form-check-input.no-validation:valid {
	border: 1px solid var(--input-border-color);
}

.was-validated .form-check-input.no-validation:valid~.form-check-label {
    color: var(--font-color-basic);
}

.was-validated .form-check-input.no-validation:checked:valid {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.was-validated .form-check-input.no-validation:focus:valid {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);
}

.was-validated .form-control.no-validation:focus:valid, 
.was-validated .form-select.no-validation:focus:valid {
	outline: none !important;
	transition: all 0.5s ease !important;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset,
    0px 0px 6px rgba(13, 110, 253, 0.3);
	border: 1px solid var(--color-input-border-focus) !important;
}

/*
.form-control.is-invalid, .was-validated .form-control:invalid {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"/></svg>') !important;
}
*/

.fulltime,
.private,
.urgent {
	background: #dcf6fc;
	color: #069cd0;
	position: relative;
	font-size: 13px;
	line-height: 15px;
}

.private {
	background: rgba(52, 168, 83, 0.15);
	color: #34a853;
}

.urgent {
	background: rgba(249, 171, 0, 0.15);
	color: #f9ab00;
}

.activity-checkbox,
.activity-place {
	display: none;	
}



/* =============================================================================
	Layout: Done Image CSS
============================================================================= */
.image-done img {
	width: 40%;
	opacity: 0.7;
}

@media (max-width: 991.98px) {
	.image-done img {
		width: 60%;
	}
}

@media (max-width: 767.98px) {
	.image-done img {
		width: 70%;
	}
}

@media (max-width: 575.98px) {
	.image-done img {
		width: 90%;
	}
}

/* =============================================================================
	Layout: Evaluation CSS
============================================================================= */
.sContainerAdd,
.lContainerAdd {
	display: none;
}

.fw-semi {
	font-weight: 500;
}


/* =============================================================================
	Layout: Custom animation CSS
============================================================================= */
@-webkit-keyframes rotated {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes rotated {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes scale-upOne {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	100% {
		-webkit-transform: scale(0.2);
		transform: scale(0.2);
	}
}

@keyframes scale-upOne {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	100% {
		-webkit-transform: scale(0.2);
		transform: scale(0.2);
	}
}

@-webkit-keyframes zoom-fade-two {
	0% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	100% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}
}

@keyframes zoom-fade-two {
	0% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	100% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}
}

@-webkit-keyframes zoom-fade {
	0% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	100% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
}

@keyframes zoom-fade {
	0% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	100% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
}

@keyframes slide {
	from {
		background-position: 0 0;
	}

	to {
		background-position: -111px 0;
	}
}

@-webkit-keyframes slide {
	from {
		background-position: 0 0;
	}

	to {
		background-position: -111px 0;
	}
}

@-webkit-keyframes ripple {
	70% {
		box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}

@keyframes ripple {
	70% {
		box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}

@keyframes up-down {
	0% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}

	50% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}

	100% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}
}

@keyframes jackInTheBox {
	from {
		opacity: 0;
		transform: scale(0.1) rotate(30deg);
		transform-origin: center bottom;
	}

	50% {
		transform: rotate(-10deg);
	}

	70% {
		transform: rotate(3deg);
	}

	to {
		opacity: 1;
		transform: scale(1);
	}
}

.jackInTheBox {
	animation-name: jackInTheBox;
}

.animated {
	animation-duration: 1s;
	animation-fill-mode: both;
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
		transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

@keyframes animationFramesOne {
	0% {
		-webkit-transform: translate(0px, 0px) rotate(0deg);
		transform: translate(0px, 0px) rotate(0deg);
	}

	20% {
		-webkit-transform: translate(73px, -1px) rotate(36deg);
		transform: translate(73px, -1px) rotate(36deg);
	}

	40% {
		-webkit-transform: translate(141px, 72px) rotate(72deg);
		transform: translate(141px, 72px) rotate(72deg);
	}

	60% {
		-webkit-transform: translate(83px, 122px) rotate(108deg);
		transform: translate(83px, 122px) rotate(108deg);
	}

	80% {
		-webkit-transform: translate(-40px, 72px) rotate(144deg);
		transform: translate(-40px, 72px) rotate(144deg);
	}

	100% {
		-webkit-transform: translate(0px, 0px) rotate(0deg);
		transform: translate(0px, 0px) rotate(0deg);
	}
}

@-webkit-keyframes animationFramesOne {
	0% {
		-webkit-transform: translate(0px, 0px) rotate(0deg);
	}

	20% {
		-webkit-transform: translate(73px, -1px) rotate(36deg);
	}

	40% {
		-webkit-transform: translate(141px, 72px) rotate(72deg);
	}

	60% {
		-webkit-transform: translate(83px, 122px) rotate(108deg);
	}

	80% {
		-webkit-transform: translate(-40px, 72px) rotate(144deg);
	}

	100% {
		-webkit-transform: translate(0px, 0px) rotate(0deg);
	}
}

@keyframes animationFramesTwo {
	0% {
		transform: translate(0, 0) rotate(0);
	}

	21% {
		transform: translate(40px, 50px) rotate(35deg);
	}

	41% {
		transform: translate(-20px, -75px) rotate(48deg);
	}

	60% {
		transform: translate(25px, 48px) rotate(125deg);
	}

	80% {
		transform: translate(16px, -15px) rotate(180deg);
	}

	100% {
		transform: translate(0, 0) rotate(0);
	}
}

@-webkit-keyframes animationFramesTwo {
	0% {
		-webkit-transform: translate(0, 0) rotate(0);
	}

	21% {
		-webkit-transform: translate(40px, 5px) rotate(35deg);
	}

	41% {
		-webkit-transform: translate(-20px, -75px) rotate(48deg);
	}

	60% {
		-webkit-transform: translate(25px, 48px) rotate(125deg);
	}

	80% {
		-webkit-transform: translate(16px, -15px) rotate(180deg);
	}

	100% {
		-webkit-transform: translate(0, 0) rotate(0);
	}
}

@keyframes animationFramesThree {
	0% {
		transform: translate(0, 0) rotate(0);
	}

	21% {
		transform: translate(4px, 10px) rotate(360deg);
	}

	41% {
		transform: translate(25px, 40px) rotate(360deg);
	}

	60% {
		transform: translate(35px, 22px) rotate(360deg);
	}

	80% {
		transform: translate(17px, 46px) rotate(360deg);
	}

	100% {
		transform: translate(0, 0) rotate(0);
	}
}

@-webkit-keyframes animationFramesThree {
	0% {
		-webkit-transform: translate(0, 0) rotate(0);
	}

	21% {
		-webkit-transform: translate(4px, -20px) rotate(360deg);
	}

	41% {
		-webkit-transform: translate(-50px, -80px) rotate(360deg);
	}

	60% {
		-webkit-transform: translate(-75px, -35px) rotate(360deg);
	}

	80% {
		-webkit-transform: translate(-20px, 20px) rotate(360deg);
	}

	100% {
		-webkit-transform: translate(0, 0) rotate(0);
	}
}

@-webkit-keyframes movebounce {
	0% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}

	50% {
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}

	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}

@keyframes movebounce {
	0% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}

	50% {
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}

	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}

@keyframes rotateme {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes rotateme {
	from {
		-webkit-transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
	}
}

/*--move-forever--*/
@keyframes move-forever {
	0% {
		transform: translate(-90px, 0%);
	}

	100% {
		transform: translate(85px, 0%);
	}
}

@-webkit-keyframes ripple {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	75% {
		-webkit-transform: scale(1.75);
		transform: scale(1.75);
		opacity: 1;
	}

	100% {
		-webkit-transform: scale(2);
		transform: scale(2);
		opacity: 0;
	}
}

@keyframes ripple {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	75% {
		-webkit-transform: scale(1.75);
		transform: scale(1.75);
		opacity: 1;
	}

	100% {
		-webkit-transform: scale(2);
		transform: scale(2);
		opacity: 0;
	}
}

@-webkit-keyframes border-transform {
	0%,
	to {
		border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
	}

	14% {
		border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
	}

	28% {
		border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
	}

	42% {
		border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
	}

	56% {
		border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
	}

	70% {
		border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
	}

	84% {
		border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
	}
}

@keyframes border-transform {
	0%,
	to {
		border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
	}

	14% {
		border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
	}

	28% {
		border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
	}

	42% {
		border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
	}

	56% {
		border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
	}

	70% {
		border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
	}

	84% {
		border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
	}
}


/* =============================================================================
	Layout: Team Slider CSS
============================================================================= */
.team-slider .slick-prev,
.team-slider .slick-next {
	color: #fff;
	height: 60px;
	width: 60px;
	box-shadow: 0 10px 40px #0e64d714;
	border-radius: 20px;
	background: #069cd0;
}

.team-slider .slick-prev:before,
.team-slider .slick-next:before {
	font-size: 36px;
	line-height: 1.6;
	color: #fff;
}

.team-slider .slick-prev:hover,
.team-slider .slick-prev:focus,
.team-slider .slick-next:hover,
.team-slider .slick-next:focus {
	opacity: 1;
	background: #1967D3;
	color: #fff;
}

.team-slider .slick-prev:hover:before,
.team-slider .slick-prev:focus:before,
.team-slider .slick-next:hover:before,
.team-slider .slick-next:focus:before {
	color: #fff;
}

.team-slider .slick-prev {
	left: -15px;
}

.team-slider .slick-next {
	right: -15px;
}

.team-slider .slick-dots {
	bottom: -0.5rem;
}

.team-slider .slick-list {
	padding-bottom: 2.5rem!important;
}

.slick-center-mode .slick-slide {
	transition: all .2s ease-in-out;
	-moz-transform: scale(1.0);
    -ms-transform: scale(1.0);
    -o-transform: scale(1.0);
    -webkit-transform: scale(1.0);
    opacity: 0.9;
    transform: scale(1.0);
}

.slick-center-mode .slick-center {
	-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    opacity: 1;
    transform: scale(1.1);
	transition: all .2s ease-in-out;
}

@media (max-width: 991.98px) {
	.slick-center-mode .slick-slide {
		opacity: 1;
	}
	
	.team-slider .slick-list {
		padding-bottom: 1rem!important;
	}
}

@media (max-width: 767px) {
	.team-slider .slick-prev,
	.team-slider .slick-next {
		display: none !important;
	}
}


/* =============================================================================
	Layout: Main Header CSS
============================================================================= */
.main_header_area {
	position: relative;
	width: 100%;
}

.main_header_area .notify-bar {
	background: linear-gradient(to right, #e9595e 1%, #dcb86c 100%);
	position: relative;
	padding: 3px 0;
}

.main_header_area .notify-bar .notify-in {
	position: relative;
}

.main_header_area .notify-bar .notify-in y a.shop-btn {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.main_header_area .header-content {
	position: relative;
	z-index: 1;
	background: #ffffff30;
}

.main_header_area .header-content li {
	display: inline-block;
	padding: 0px 15px;
	border-left: 1px solid #f1f1f136;
	margin: 0;
}

.main_header_area .header-content li:first-child {
	border: none;
	padding-left: 0;
}

.main_header_area .header-content li:last-child {
	padding-right: 0;
}

.main_header_area .header-content, 
.main_header_area .header-content a,
.main_header_area .header-content i {
	font-size: 14px;
}

.main_header_area .header_menu.fixed-top {
	box-shadow: 0 10px 40px #0e64d714;
	background: #fff;
}

.main_header_area .header_menu.hide {
	top: -94px;
	animation-name: slideInUp;
}

.main_header_area .register-login a {
	font-size: 15px;
	text-transform: uppercase;
	color: var(--color-krouzky-01);
}

.main_header_area .register-login .dropdown a {
	color: var(--font-color-basic) !important;
	text-transform: capitalize;
}

.main_header_area .register-login .btn-info {
	border: none;
	background: transparent;
	font-size: 15px;
	font-weight: 400;
	text-transform: uppercase;
	padding: 0;
}

@media (max-width: 991.98px) {
	.main_header_area .header-content,
	.search-main {
		display: none !important;
	}
}

@media (max-width: 735px) {
	.main_header_area .header-content {
		display: none !important;
	}
}

.main_header_area .header_mlogo .navbar.navbar-default .navbar-header {
	display: none;
	transition: all ease-in-out 0.5s;
}

.main_header_area .header_mlogo .navbar.navbar-default.navbar-sticky-in .navbar-header {
	display: block;
	transition: all ease-in-out 0.5s;
}

.main_header_area .header_mlogo .navbar.navbar-default.navbar-sticky-in .navbar-middle {
	display: none;
	transition: all ease-in-out 0.5s;
}

.main_header_area .header_menu.header_mlogo1.fixed-top {
	position: relative;
	animation: none;
	top: 0;
}

@media (max-width: 991.98px) {
	.main_header_area .header_mlogo .navbar.navbar-default .navbar-header {
		display: block;
	}

	.navbar-middle {
		display: none;
	}

	.header-start {
		padding-top: 0 !important;
	}
}


/* =============================================================================
	Layout: Fullpage Search CSS
============================================================================= */
#search1 {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 9999;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	-webkit-transform: translate(0px, -100%) scale(0, 0);
	-moz-transform: translate(0px, -100%) scale(0, 0);
	-o-transform: translate(0px, -100%) scale(0, 0);
	-ms-transform: translate(0px, -100%) scale(0, 0);
	transform: translate(0px, -100%) scale(0, 0);
	opacity: 0;
}

#search1 input[type="text"] {
	position: absolute;
	top: 40%;
	width: 50%;
	color: var(--font-color-basic);
	background: transparent;
	font-size: 36px;
	font-weight: 400;
	text-align: center;
	border-width: 0 0 1px;
	margin: 0px auto;
	padding: 20px 30px;
	outline: none;
	margin-bottom: 30px;
	height: 82px;
	left: 0;
	right: 0;
	border-radius: 0;
	border-bottom: 1px solid #f1f1f1;
}

#search1 .btn {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	background: #1967D3;
	padding: 15px 30px;
	border: none;
	border-radius: 10px;
	font-size: 18px;
	width: 10%;
}

#search1 .close {
	position: fixed;
	top: 15px;
	right: 15px;
	color: #fff;
	background-color: #1967D3;
	border-color: #1967D3;
	opacity: 1;
	padding: 4px 16px;
	border-radius: 10px;
	font-size: 27px;
}

#search1.open {
	-webkit-transform: translate(0px, 0px) scale(1, 1);
	-moz-transform: translate(0px, 0px) scale(1, 1);
	-o-transform: translate(0px, 0px) scale(1, 1);
	-ms-transform: translate(0px, 0px) scale(1, 1);
	transform: translate(0px, 0px) scale(1, 1);
	opacity: 1;
}

.search-wrapper {
	position: relative;
	min-width: 250px;
	display: inline-block;
}

.search-wrapper .search_module {
	position: relative;
}

.search-wrapper .search_module .krouzky-icon-left {
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 16px;
	transition: all ease-in-out 0.5s;
	z-index: 10;
	color: #fff;
}

.search-wrapper .search_module .search_area form .input-group {
	margin: 0;
}

.search-wrapper .search_module .search_area form .input-group .form-control {
	background: none;
	padding-left: 40px;
	border: 1px solid #ffffff23;
	transition: all ease-in-out 0.5s;
	font-weight: 400;
	width: 100%;
	color: #fff;
}

.search-wrapper .search_module .search_area form .input-group .form-control::placeholder {
	transition: all ease-in-out 0.5s;
	color: #fdfdfd;
}

.search-wrapper .search_module .search_area form .input-group .form-control:focus {
	outline: 0;
	box-shadow: none;
}

.search-wrapper .search_module.active+.search-categories {
	visibility: visible;
	opacity: 1;
}

.search-wrapper .search_module.active .search_area form .input-group .form-control {
	border: none;
	padding-left: 2.66667rem;
	border: 1px solid #ffffff23;
	font-weight: 400;
}

.search-wrapper .search_module.active .search_area form .input-group .form-control:focus {
	border: none;
}


/* =============================================================================
	Layout: Header Sidemenu
============================================================================= */
.header_sidemenu .header_sidemenu_in .overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 999;
	transition: opacity .25s ease, visibility 0s ease .25s;
}

.header_sidemenu .header_sidemenu_in .overlay.show {
	opacity: 0.8;
	visibility: visible;
	background: #000000;
	transition: opacity .25s ease, visibility 0s ease;
}

.header_sidemenu .header_sidemenu_in .overlay.hide {
	opacity: 0;
	visibility: hidden;
	background-color: rgba(0, 0, 0, 0.7);
	transition: opacity .25s ease, visibility 0s ease .25s;
}

.header_sidemenu .header_sidemenu_in .menu {
	width: 380px;
	height: 100%;
	position: fixed;
	right: -500px;
	top: 0;
	z-index: 9999;
	background-color: #fff;
	box-shadow: 0 10px 40px #0e64d714;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	-ms-transition: all ease 0.5s;
	-o-transition: all ease 0.5s;
	transition: all ease 0.5s;
	box-shadow: 0 10px 40px #0e64d714;
}

.header_sidemenu .header_sidemenu_in .menu .close-menu {
	float: right;
	font-size: 21px;
	cursor: pointer;
	position: absolute;
	z-index: 1;
	top: 10px;
	right: 10px;
}

.header_sidemenu .menu-ham {
	cursor: pointer;
}

.menu-ham {
	cursor: pointer;
}

.menu-ham a i {
	transition: all ease-in-out 0.5s;
}

.menu-ham a i:hover {
	background: #1967D3 !important;
	color: #fff !important;
	transition: all ease-in-out 0.5s;
}


/* =============================================================================
	Layout: Header
============================================================================= */
header {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	z-index: 22;
}

.logo a {
	font-size: 28px;
	color: #fff;
}

.logo a [class^="flaticon-"]:before {
	font-size: 28px;
	color: #fff;
}

.nav-btn {
	display: inline-block;
}

.navbar-sticky-in .nir-btn:hover {
	color: #1967D3;
}

.fade.in {
	opacity: 1;
}


/* =============================================================================
	Layout: Modal
============================================================================= */
.modal__container .modal__content .login-content .section-border {
	padding: 20px 30px;
	border-top: 1px dashed #cccccc50;
}

.modal__container .modal__content .login-content .form-checkbox {
	text-align: left;
}

.modal__container .modal__content .login-content a.btn-facebook,
.modal__container .modal__content .login-content a.btn-twitter,
.modal__container .modal__content .login-content a.btn-google {
	padding: 8px 20px;
	color: #fff;
	background: #ccc;
	border-radius: 0px;
	display: inline-block;
	border: 1px solid #395899;
}

.modal__container .modal__content .login-content a.btn-facebook {
	background: #395899;
}

.modal__container .modal__content .login-content a.btn-twitter {
	background: #04a9e1;
	border-color: #04a9e1;
}

.modal__container .modal__content .login-content a.btn-google {
	background: #db3236;
}

.modal__container .modal__content .login-content .sign-up {
	padding: 20px 0;
	border-top: 1px dashed #cccccc50;
}

.modal__container .modal__content button.close {
	background: #1967D3;
	color: #fff;
	position: absolute;
	top: 0;
	right: 0;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	opacity: 1;
	text-align: center;
	line-height: 0.5;
	font-size: 20px;
	padding: 0;
	z-index: 9;
	transition: all ease-in-out 0.5s;
}

.modal__container .modal__content button.close:focus {
	border: none;
	outline: none;
}

.cookie-modal-pn {
  padding: 10px 40px 15px 40px;
}

@media (max-width: 991.98px) {
	.cookie-modal-pn {
		padding: 10px;
	}
	
	#cookieconsent .com-div-md {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.modal-open .modal .modal-dialog {
		max-width: 80%;
		margin: 0 auto;
	}
	
	.modal-open #cookieconsent .modal-dialog {
		max-width: 90%;
	}

	.modal-open .modal .modal-dialog .blog-full .blog-image>a {
		height: 280px;
	}
}

@media (max-width: 767.98px) {
	#cookieconsent .cookies-accept button {
		width: 100%;
	}
}

.com-div-md {
	background: #fff;
	padding-top: 25px;
	padding-bottom: 25px;
}

.user-icon {
	font-size: 35px;
}

.login-modal-pn {
	padding: 10px 40px 15px 40px;
}

.login-modal-pn .form-control {
	font-size: 15px;
	height: 45px;
	margin-bottom: 10px;
}

@media (max-width: 575.98px) {
	.login-modal-pn {
		padding: 10px 20px 15px 20px;
	}
}

.modal.fade.show {
	backdrop-filter: blur(5px);
}

@media (max-width: 1100px) {
	.search-wrapper {
		width: 200px;
	}
}

@media (max-width: 1100px) {
	.slicknav_btn.slicknav_open:before,
	.slicknav_btn.slicknav_collapsed:before,
	.search-wrapper,
	.header_menu .navbar.navbar-default a.cart-icon {
		display: none !important;
	}
}

.modal-document p {
	font-size: 85%;
}

.modal-document strong {
	color: var(--color-black);
}

.modal-document h2 {
	font-size: 19px;
	margin-top: 1.5rem;
	margin-bottom: 0.2rem;
}

.modal-document ul {
	list-style-type: disc;
	padding-left: 2rem !important;
	margin-bottom: 0;
	padding-bottom: 0;
}
	
.modal-document ul li {
	display: list-item;
	font-size: 0.95rem;
	margin-bottom: 0.5rem;
	font-size: 85%;
	color: var(--color-black);
}

.modal-document ol {
	padding-left: 2rem !important;
	margin-bottom: 0;
	padding-bottom: 0;
}
	
.modal-document ol li {
	display: list-item;
	font-size: 0.95rem;
	margin-bottom: 0.5rem;
	font-size: 85%;
	color: var(--color-black);
}

.modal-document ol li p {
	font-size: 100%;
}


/* =============================================================================
	Layout: Login Modal
============================================================================= */
.nav-underline {
    border: none !important;
}

.nav-underline .nav-item:has(.nav-link.active)  {
    border-bottom: 4px solid var(--color-blue) !important;
}

.nav-underline .nav-item {
    border-bottom: 4px solid var(--color-grey-8);
	text-align: center !important;
	transition: all ease-in-out 0.3s;
}

.nav-underline .nav-item:hover {
    border-color: var(--color-blue);
}

.nav-underline {
    display: table !important;
    width: 100%;
}

.nav-underline .nav-item {
    display: table-cell;
	width: 50%;
	cursor: pointer;
}

.nav-underline .nav-link {
    display: inline-block !important;
	border: 0 !important;
	color: var(--font-color-basic);
	transition: all ease-in-out 0.3s;
}

.nav-underline .nav-link:hover {
	border: 0 !important;
	color: var(--color-blue);
}

.nav-underline .nav-link.active {
	color: var(--color-blue);
	font-weight: 400;
}

.tab-pane a.link {
	margin-top: 2px;
	font-size: 15px;
}

@media (max-width: 575.98px) {
	.nav-underline .nav-link {
		font-size: 15px !important;
	}
}


/* =============================================================================
	Layout: Banner CSS
============================================================================= */
.banner {
	padding: 0;
	background-size: contain;
	background-position: top right;
	background-repeat: no-repeat;
}

.banner .slider {
	height: 680px;
	position: relative;
}

.banner .slider .swiper-container {
	width: 100%;
	height: 100%;
}

.banner .slider .swiper-container .swiper-slide {
	overflow: hidden;
}

.banner .slider .swiper-container .swiper-slide .slide-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-size: cover;
	background-position: center;
}

.banner .slider .swiper-container .swiper-slide .slide-inner .slide-image {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-size: cover;
	background-position: center;
}

.banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content {
	top: 45.6%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
	width: 40%;
	position: absolute;
	z-index: 9;
}

.banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content .nir-btn-black:hover {
	background-color: #fff;
}

.banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content>h1 {
	letter-spacing: 1px;
	font-weight: 700;
}

.banner .slider .swiper-container-horizontal>.swiper-pagination-bullets {
	bottom: 40px;
}

.banner .slider .swiper-pagination-custom .swiper-pagination-fraction {
	bottom: 40px;
}

.banner .slider .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: #fff;
	opacity: 1;
}

.banner .slider .swiper-pagination-bullet-active {
	background: #1967D3;
}

.banner .slider .swiper-container-vertical>.swiper-pagination-bullets {
	right: 50px;
}

.banner .swiper-button-next {
	right: 30px;
}

.banner .swiper-button-prev {
	left: 30px;
}

.banner .swiper-button-next:after,
.banner .swiper-button-prev:after {
	background: #fff;
	font-size: 21px;
	padding: 10px 20px;
	color: #069cd0;
	transition: all ease-in-out 0.5s;
	height: 50px;
	width: 50px;
	border-radius: 10px;
}

.banner .swiper-button-next:hover:after,
.banner .swiper-button-prev:hover:after {
	background: #069cd0;
	color: #fff;
	transition: all ease-in-out 0.5s;
}

.banner .slider-before:before {
	background: #f3f5f0;
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 50%;
	height: 100%;
	z-index: 1;
}

.banner .slick-content-inner {
	position: absolute;
	top: 45%;
	width: 60%;
	left: 0;
	right: 0;
	text-align: center;
	margin: 0 auto;
	z-index: 1;
}

.banner .slider-thumbs {
	position: absolute !important;
	bottom: 0;
	width: 100%;
	left: 0;
	right: 0;
	background: #fdfdfd;
	margin: 0 auto !important;
	overflow: hidden;
}

.banner .slider-thumbs .slick-prev,
.banner .slider-thumbs .slick-next {
	background: #1967D3;
}

.banner .slider-thumbs .slick-prev {
	left: 10px;
}

.banner .slider-thumbs .slick-next {
	right: 10px;
}

.banner .slider-thumbs .slick-slide {
	opacity: 0.7;
}

.banner .slider-thumbs .slick-slide.slick-current.slick-active.slick-center {
	opacity: 1;
}

.banner-in .banner-image {
	width: 100%;
	height: 100%;
	background-size: contain;
	background-position: center;
	animation: movebounce 5s infinite;
	position: relative;
	background-image:url('../images/krouzky-logo-bg.svg?v=3.0');
}

.banner-in .b-main,
.banner-in .b-main1 {
	top: 50%;
	right: -50px;
	animation: movebounce 3s infinite;
}

.banner-in .b-main h6,
.banner-in .b-main1 h5 {
	font-weight: 600;
	margin: 0 0 -7px 0;
	padding: 0;
	text-transform: uppercase;
}

.banner-in .banner-content h2 {
	font-size: 25px;
	font-weight: 700;
}

.list-tags-banner>a {
	transition: all ease-in-out .2s;
}

.list-tags-banner>a:hover {
	transition: all ease-in-out 0.2s;
	transform: translateY(-3px);
}

@media (min-width: 1200px) AND (max-width: 1245px) {
	.banner-in .b-main,
	.banner-in .b-main1 {
		right: -30px;
	}
}

@media (min-width: 1400px) AND (max-width: 1420px) {
	.banner-in .b-main,
	.banner-in .b-main1 {
		right: -30px;
	}
}

.banner-in .b-main1 {
	right: inherit;
	left: -46px;
	top: 30%;
	animation: movebounce 7s infinite;
}

@media (max-width: 1399.98px) {
	.banner-in .b-main {
		top: 40%;
	}
	
	.banner-in .b-main1 {
		top: 65%;
	}
}

.banner1::after {
	content: '';
	background: #f3f5f0 !important;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 74%;
	border-radius: 0 20px 20px 0;
	z-index: -1;
}

.banner1 .banner-image {
	margin-bottom: -60px;
}

.slider-banner {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.slider-banner::before {
	content: '';
	background: #069cd0;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 30%;
}

.slider-banner .banner-slick {
	position: relative;
}

.banner-in .banner-content h1 {
	color: var(--color-krouzky-06);
	/*letter-spacing: -2px;*/
	font-size: 49px; 
	font-weight: 800;
	margin-bottom: .3rem;
}

.banner-in .banner-content h1>span:nth-child(1) {
	font-weight: 600;
}

.banner-in .banner-content h1>span:nth-child(2) {
	color: var(--color-krouzky-04);
}

.banner-in .banner-content h3 {
	font-weight: 600;
}


@media (max-width: 1399.98px) {
	.banner-in .banner-content h1 {
		font-size: 48px;
	}
}

@media (max-width: 1199.98px) {
	.banner-in .banner-content h1 {
		font-size: 40px;
	}
}

@media (max-width: 1100px) {
	.banner-in .b-main,
	.banner-in .b-main1 {
		right: 0;
	}

	.banner-in .b-main1 {
		right: inherit;
		left: 0;
		animation: movebounce 7s infinite;
	}
}

@media (max-width: 991.98px) {
	.banner-in {
		width: 100% !important;
		margin: 0 auto;
	}

	.banner-in .col-lg-7,
	.banner-in .col-lg-5 {
		padding: 0 15px !important;
	}

	.banner .swiper-button-prev,
	.banner .swiper-button-next {
		display: none;
	}
	
	.banner-in .banner-image {
		scale: 0.85;
	}	
}

@media (max-width: 811px) {
	.banner-in .b-main1 {
		left: 50px;
	}

	.banner-in .b-main {
		right: 50px;
	}
}

@media (max-width: 639px) {
	.banner-in .b-main,
	.banner-in .b-main1 {
		display: none !important;
	}

	.banner .slider {
		overflow: visible;
		padding: 0 !important;
	}

	.banner .slider .swiper-container .swiper-slide .slide-inner .slide-image {
		width: 100%;
		position: relative;
		top: inherit;
		left: inherit;
		right: inherit;
		transform: none;
	}

	.banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content>h1 {
		font-size: 32px;
	}

	.banner .slider .swiper-container-vertical>.swiper-pagination-bullets {
		display: none;
	}

	.banner .video-slider .swiper-content {
		display: none;
	}

	.search-banner-list .search-banner-item {
		display: block !important;
		text-align: center;
	}

	.search-banner-list .search-banner-item .search-banner-item-ctn {
		width: 100% !important;
		margin: 15px 0 0 !important;
	}
	
	.banner-in .banner-image {
		scale: 0.9;
	}
}

@media (max-width: 575.98px) {
	.banner-in .banner-content h1 {
		font-size: 30px;
	}
	
	.banner-in .banner-image {
		scale: 0.95;
	}
}

@media (max-width: 400px) {
	.banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content .entry-meta,
	.banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content .entry-date,
	.banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content .entry-category {
		display: block !important;
		margin-bottom: 15px;
	}

	.banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content .entry-author {
		margin-bottom: 15px;
	}

	.banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content .entry-author .entry-date {
		margin-bottom: 0;
	}

	.banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content>h1 {
		font-size: 24px;
	}

	.banner .slider .swiper-container-vertical>.swiper-pagination-bullets {
		display: none;
	}

	.banner .video-slider .swiper-content {
		display: none;
	}

	.banner-in .banner-content h1 {
		font-size: 30px;
	}
}


/* =============================================================================
	Layout: Banner Form CSS
============================================================================= */
.form-main {
	position: relative;
	display: block;
	z-index: 2;
}

.form-main .form-content {
	box-shadow: 0px 0px 30px #cccccc57;
	margin: -76px auto 0;
	background: #fff;
	border-radius: 0px;
	z-index: 2;
}

.form-main .form-content .input-box {
	position: relative;
	width: 100%;
}

.form-main .form-content .input-box i {
	position: absolute;
	left: 12px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
}

.form-main .form-content .input-box [class^="fa-"]:before {
	color: #ef2853;
	font-weight: 600;
}

.form-main .form-content .form-navtab {
	position: absolute;
	top: -57px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.form-main .form-content .form-navtab .nav-tabs {
	border: none;
	padding: 0px;
	display: inline-block;
}

.form-main .form-content .form-navtab .nav-tabs li button {
	border-radius: 0;
	background: #fff;
	border: none;
	padding: 15px 30px;
	transition: all 0.5s;
	border-radius: 0;
}

.form-main .form-content .form-navtab .nav-tabs li i {
	color: #444;
	margin-right: 5px;
	transition: all 0.5s;
}

.form-main .form-content .form-navtab .nav-tabs li:hover button {
	background: #b363c9;
	color: #fff;
	border: none;
	transition: all 0.5s;
}

.form-main .form-content .form-navtab .nav-tabs li:hover button i {
	color: #fff;
	transition: all 0.5s;
}

.form-main .form-content .form-navtab .nav-tabs li button.active {
	background: #b363c9;
	color: #fff;
	border: none;
	transition: all 0.5s;
}

.form-main .form-content .form-navtab .nav-tabs li button.active i {
	color: #fff;
	transition: all 0.5s;
}

.form-main .form-content .tab-content {
	box-shadow: 0px 0px 30px #cccccc57;
	padding: 30px;
	background: #fff;
}

.form-main .form-content.form-content1 {
	top: -20px;
}

.form-main .form-content.form-content2 {
	padding: 0;
	box-shadow: none;
	top: 0;
}

.form-main .form-content.form-content2 .input-box {
	position: relative;
	display: inline-block;
	width: 100%;
}

.form-main .form-content.form-content2 .input-box input,
.form-main .form-content.form-content2 .input-box .nice-select {
	border-width: 0 0 1px;
}

.form-main .form-content.form-content2 .input-box i {
	color: #b363c9;
	font-weight: 600;
	left: 0;
}

.form-main .form-content.form-content3 {
	padding: 0;
	box-shadow: none;
	top: 0;
	background: transparent;
}

.form-main .form-content.form-content3 .input-box {
	position: relative;
	display: inline-block;
	width: 100%;
}

.form-main .form-content.form-content3 .input-box input,
.form-main .form-content.form-content3 .input-box .nice-select {
	border-width: 0 0 1px;
	background: transparent;
	color: #fff;
}

.form-main .form-content.form-content3 .input-box input::placeholder,
.form-main .form-content.form-content3 .input-box .nice-select::placeholder {
	color: #fff !important;
}

.form-main .form-content.form-content3 .input-box i {
	color: #b363c9;
	font-weight: 600;
	left: 0;
}

@media (max-width: 991.98px) {
	.book-form .col-lg-3 {
		border: none !important;
	}

	.book-form .form-group input,
	.book-form .form-group select {
		border-bottom: 1px solid #cccccc80 !important;
		border-radius: 0 !important;
	}

	.form-main {
		width: 100% !important;
	}
}


/* =============================================================================
	Layout: Slider Activities CSS
============================================================================= */
.slider-activities {
	padding: 1rem;
	border-radius: 10px;
	border: 1px solid #cccccc80;
	height: 70px;
	transition: all ease-in-out 0.5s;
}

.slider-activities span {
	font-size: 0.9rem;
}

.slider-activities:hover {
	border-color: var(--color-orange);
	transition: all ease-in-out 0.5s;
}

.slider-activities:hover span,
.slider-activities:hover i {
	color: var(--color-orange);
	transition: all ease-in-out 0.5s;
}


/* =============================================================================
	Layout: Particles Own Script
============================================================================= */
#tf-partical-wrap {
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    overflow: hidden;
}

.tf-ball {
    position: absolute;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -ms-border-radius: 100%;
    -moz-border-radius: 100%;
    opacity: .2;
}


/* =============================================================================
	Layout: Category Item CSS
============================================================================= */
.categories-section .category-item {
	position: relative;
}

.categories-section .category-item .cats-icon img {
	height: 80px;
	width: 80px;
	border-radius: 50%;
	border: 0;
	text-align: center;
	display: inline-block;
	font-size: 36px;
	line-height: 2.2;
}

.categories-section .category-item img {
	width: auto !important;
}

.categories-section .category-item::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 0;
	margin: 0 auto;
	transition: all ease-in-out 0.5s;
	background: #069cd0 !important;
	cursor: pointer;
}

.categories-section .category-item .trending-topic-content {
	position: relative;
	z-index: 1;
}

.categories-section .category-item:hover::before {
	transition: all ease-in-out 0.5s;
	height: 100%;
}

.categories-section .category-item:hover h3 a,
.categories-section .category-item:hover h5 a,
.categories-section .category-item:hover p {
	color: #fff;
	transition: all ease-in-out 0.5s;
}

.categories-section .category-item:hover .cats-icon img {
	background-color: #fff;
	border-color: #fff !important;
	transition: all ease-in-out 0.5s;
}

.before-section::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 23%;
	height: 100%;
	background: #069cd0;
	opacity: 0.2;
}

.after-section::after {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	width: 34%;
	height: 100%;
	background: #069cd0;
	opacity: 0.2;
}

@media (max-width: 735px) {
	.before-section::before {
		width: 50%;
	}

	.after-section::after {
		width: 50%;
	}
}


/* =============================================================================
	Layout: How it works CSS
============================================================================= */
.how-it-works .how-it-work-main h2 {
	font-size: 80px;
	margin: 0;
	color: #f1f1f1;
}

.how-it-works .how-it-work-main .work-list,
.how-it-works .how-it-work-main .work-list1 {
	position: relative;
}

.how-it-works .how-it-work-main .work-list span,
.how-it-works .how-it-work-main .work-list1 span {
	position: absolute;
	right: -20%;
	opacity: 0.5;
	top: -30%;
	width: 45%;
}

.how-it-works .how-it-work-main .work-list i,
.how-it-works .how-it-work-main .work-list1 i {
	margin-left: -40px;
	margin-bottom: -40px;
	font-size: 50px;
}

.how-it-works .how-it-work-main .work-arrow {
	position: relative;
}

/*
.how-it-works .how-it-work-main .work-arrow::after,
.how-it-works .how-it-work-main .work-arrow::before {
	content: url(../images/work_arrow.svg);
	position: absolute;
	top: -55px;
}
*/

.how-it-works .how-it-work-main .work-arrow::before {
	left: -32%;
}

.how-it-works .how-it-work-main .work-arrow::after {
	right: -32%;
}

.how-it-works1 .work-list {
	position: relative;
}

.how-it-works1 .work-list::before {
	content: '';
	position: absolute;
	left: 0;
	width: 0;
	height: 3px;
	bottom: 0;
	background: #069cd0;
	transition: all ease-in-out 0.5s;
}

.how-it-works1 .work-list:hover:before {
	width: 100%;
	transition: all ease-in-out 0.5s;
}

@media (max-width: 1100px) and (min-width: 1024px) {
	.how-it-works .how-it-work-main .work-list {
		padding: 0 0.8rem !important;
	}
}

@media (max-width: 991.98px) {
	.how-it-works {
		padding-top: 6rem !important;
	}

	.how-it-works .section-title {
		margin-bottom: 2rem !important;
	}

	.how-it-works .how-it-work-main {
		text-align: center;
	}

	.how-it-works .how-it-work-main h2 {
		margin-bottom: 1rem;
	}

	.how-it-works .how-it-work-main .work-list {
		margin: 0 !important;
		padding: 0 !important;
	}

	.how-it-works .how-it-work-main .work-list span {
		display: none;
	}

	.how-it-works .how-it-work-main .work-list.work-list1 {
		padding: 4rem !important;
		margin-bottom: 2rem !important;
	}

	.how-it-works .work-arrow::after,
	.how-it-works .work-arrow::before {
		display: none;
	}
}

@media (max-width: 567px) {
	.how-it-works .how-it-work-main .work-list.work-list1 {
		padding: 2rem !important;
	}

	.how-it-works .how-it-work-main .work-list-item {
		display: inline-block !important;
		width: 100%;
	}

	.how-it-works .how-it-work-main .work-list-item i {
		margin: 0 0 10px !important;
		display: inline-block;
	}
}


/* =============================================================================
	Layout: Featured CSS
============================================================================= */
.featured-job {
	background-repeat: no-repeat;
	background-size: contain;
}

.featured-job .job-navtab ul {
	background: transparent;
}

.featured-job .job-navtab ul li {
	margin: 0 5px 5px;
}

.featured-job .job-navtab ul li a {
	padding: 14px 20px;
	background-color: #fff;
	border-radius: 20px;
	border: 1px solid #cccccc80;
	display: inline-block;
}

.featured-job .job-navtab ul li a:hover {
	transition: all ease-in-out 0.5s;
	border-color: #069cd0;
	color: #069cd0 !important;
}

.featured-job .job-navtab ul li a.active {
	transition: all ease-in-out 0.5s;
	border-color: #069cd0;
	color: #069cd0 !important;
}

.featured-job .job-card {
	transition: all ease-in-out 0.5s;
}

.featured-job .job-card:hover {
	transition: all ease-in-out 0.5s;
	transform: translateY(-10px);
}

.featured-job .job-card img {
	display: inline-block !important;
	width: auto !important;
}

.find-job .container {
	z-index: inherit;
}


/* =============================================================================
	Layout: Section Box CSS
============================================================================= */
.section-box .section-box-main {
	background: #069cd0;
}

.section-box .section-box-main::before {
	content: '';
	background-image: url(../images/shape-1.png);
	background-size: contain;
	background-position: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	right: 0;
	margin: 0 auto;
	z-index: 1;
	opacity: 0.3;
}

@media (max-width: 991.98px) {
	.section-box.mb-minus {
		margin-bottom: -6rem !important;
	}

	.section-box-image img {
		width: 50% !important;
	}

	.section-box1 {
		padding-top: 5.7rem !important;
	}
}

@media (max-width: 567px) {
	.section-box .section-box-main {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
}

.entry-author img {
	width: 36px !important;
	height: 36px !important;
	display: inline-block !important;
}


.tabs-navbar {
	border: 1px solid #cccccc80;
}

.tabs-navbar ul li {
	display: block;
	width: 100%;
}

.tabs-navbar ul li a {
	padding: 15px;
	transition: all ease-in-out 0.5s;
	display: block;
	background: #ffffff00;
	width: 100%;
}

.tabs-navbar ul li a:hover {
	color: #fff;
	background: #1967D3;
	transition: all ease-in-out 0.5s;
}

.tabs-navbar ul li.active a {
	color: #fff;
	background: #1967D3;
	transition: all ease-in-out 0.5s;
}

.tabs-navbar1 {
	border: 1px solid #cccccc80;
}

.tabs-navbar1 ul {
	display: inherit;
	text-align: center;
}

.tabs-navbar1 ul li a {
	padding: 10px 15px;
	transition: all ease-in-out 0.5s;
	border-radius: 10px;
}

.tabs-navbar1 ul li a:hover {
	color: #fff;
	background: #1967D3;
	transition: all ease-in-out 0.5s;
}

.tabs-navbar1 ul li.active a {
	color: #fff;
	background: #1967D3;
	transition: all ease-in-out 0.5s;
}

.navbar-sticky {
	z-index: 9;
	position: fixed !important;
	left: 0;
	top: 0;
	width: 100%;
	animation-name: slideInUp;
	transition: all ease-in-out 0.5s;
}

.tabs-navbar1.navbar-sticky {
	top: 99px;
	transition: all ease-in-out 0.5s;
	border-top: 1px solid #f1f1f1 !important;
}


/* =============================================================================
	Layout: Featured: Video CSS
============================================================================= */
.featured-video,
.recent-post {
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	position: relative;
	overflow: hidden;
	background-repeat: no-repeat;
}

.featured-video .featured-item,
.featured-video .recent-item,
.recent-post .featured-item,
.recent-post .recent-item {
	position: relative;
	overflow: hidden;
}

.featured-video .featured-item .featured-image,
.featured-video .featured-item .recent-image img,
.featured-video .recent-item .featured-image,
.featured-video .recent-item .recent-image img,
.recent-post .featured-item .featured-image,
.recent-post .featured-item .recent-image img,
.recent-post .recent-item .featured-image,
.recent-post .recent-item .recent-image img {
	transition: all ease-in-out 0.5s;
}

.featured-video .featured-item .featured-content,
.featured-video .recent-item .featured-content,
.recent-post .featured-item .featured-content,
.recent-post .recent-item .featured-content {
	position: absolute;
	bottom: -60px;
	transition: all ease-in-out 0.5s;
}

.featured-video .featured-item .recent-content,
.featured-video .recent-item .recent-content,
.recent-post .featured-item .recent-content,
.recent-post .recent-item .recent-content {
	position: absolute;
	bottom: 0;
	transition: all ease-in-out 0.5s;
	z-index: 1;
}

.featured-video .featured-item:hover .featured-image,
.featured-video .recent-item:hover .featured-image,
.recent-post .featured-item:hover .featured-image,
.recent-post .recent-item:hover .featured-image {
	transition: all ease-in-out 0.5s;
	transform: scale(1.1);
}

.featured-video .featured-item:hover .featured-content,
.featured-video .recent-item:hover .featured-content,
.recent-post .featured-item:hover .featured-content,
.recent-post .recent-item:hover .featured-content {
	bottom: 0;
	transition: all ease-in-out 0.5s;
}

.featured-video .featured-item:hover .recent-image>img,
.featured-video .recent-item:hover .recent-image>img,
.recent-post .featured-item:hover .recent-image>img,
.recent-post .recent-item:hover .recent-image>img {
	transition: all ease-in-out 0.5s;
	filter: grayscale(10);
	transform: scale(1.1);
}

.featured-video .featured-item:hover .color-overlay,
.featured-video .recent-item:hover .color-overlay,
.recent-post .featured-item:hover .color-overlay,
.recent-post .recent-item:hover .color-overlay {
	height: 100%;
	transition: all ease-in-out 0.5s;
}

.featured-video .video-banner,
.recent-post .video-banner {
	height: 500px;
}

.recent-post-main {
	position: relative;
	z-index: 1;
}

@media (max-width: 479px) {
	.featured-video .recent-item .featured-content,
	.featured-video .featured-item .featured-content,
	.recent-post .recent-item .featured-content,
	.recent-post .featured-item .featured-content {
		position: relative;
		bottom: 0;
		background: #232323;
	}
}


/* =============================================================================
	Layout: Call to Action CSS
============================================================================= */
.call-to-action h2 {
	color: var(--color-blue);
}

.call-to-action h2>span:first-child {
	font-weight: 300;
	color: var(--color-black);
}

.call-to-action h3>span:first-child {
	font-weight: 300;
	color: var(--color-black);
}

/*
.call-to-action input[type=text],
.call-to-action input[type=email],
.call-to-action input[type=number],
.call-to-action input[type=search],
.call-to-action input[type=password],
.call-to-action input[type=tel],
.call-to-action input[type=date],
.call-to-action input[type=time],
.call-to-action select {
	padding: 7px 12px !important;
	height: 40px !important;
}

.call-to-action select {
	padding-right: 3rem !important;
}

.call-to-action textarea {
	height: 90px !important;
	padding: 7px 10px !important;
}
*/


.call-to-action .reservation-main label {
	margin-bottom: 0.25rem !important;
}


.call-to-action,
.call-to-action1 {
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
	background-attachment: fixed;
	position: relative;
}

.call-to-action h2.call-name,
.call-to-action1 h2.call-name {
	font-size: 54px;
}

.call-to-action .video-button,
.call-to-action1 .video-button {
	position: relative;
}

.call-to-action .video-button img,
.call-to-action1 .video-button img {
	border: 8px solid #ffffff2e;
}

.call-to-action textarea {
	height: 120px !important;
}

.call-button {
	position: relative;
}

.call-button button.play-btn {
	position: relative;
	left: 0;
	right: 0;
	padding: 5px;
	background: #ffffff2e;
	border: none;
	border-radius: 50%;
}

.call-button button.play-btn i {
	font-size: 28px;
	height: 70px;
	width: 70px;
	line-height: 2.5;
	text-align: center;
	color: #fff;
	background: #069cd0;
	transition: all ease-in-out 0.5s;
	padding: 0 0 0 5px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-ms-border-radius: 50%;
	-moz-border-radius: 50%;
}

.call-button button.play-btn::after,
.call-button button.play-btn::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	border: 2px solid #F0FCFF;
	opacity: 0.3;
}

.call-button button.play-btn::before {
	-webkit-animation: ripple 2s linear infinite;
	animation: ripple 2s linear infinite;
}

.call-button button.play-btn::after {
	-webkit-animation: ripple 2s linear 1s infinite;
	animation: ripple 2s linear 1s infinite;
}

.call-to-action1::before,
.call-to-action1::after {
	display: none;
}


/* =============================================================================
	Layout: Counter CSS
============================================================================= */
.counter .counter-item .value {
	color: var(--color-krouzky-06);
}

.counter .counter-item .rounded-circle {
	width: 60px;
	height: 60px;
}

.counter .counter-item .value:not(.is-visible) {
	visibility: hidden;
}

.counter .counter-item h2 {
	font-size: 2rem;
}

.counter .counter-item i {
	font-size: 40px;
}

.counter {
	margin-bottom: -3.7rem !important;
}


@media (max-width: 991.98px) {
	.counter {
		margin-bottom: -6rem !important;
	}
}

@media (max-width: 767.98px) {
	.counter {
		margin-bottom: -9rem !important;
	}
}

@media (max-width: 575.98px) {
	.counter {
		margin-bottom: -8rem !important;
	}
	
	.counter .counter-item h2 {
		font-size: 1.4rem;
	}

	.counter .counter-item i {
		font-size: 30px;
	}
	
	.counter .counter-item .counter-content>span {
		font-size: 0.8rem;
	}
}

@media (max-width: 991.98px) {
	.counter-main {
		width: 100% !important;
	}

	.counter-main .counter {
		margin: 0 !important;
	}

	.counter-main .counter-item {
		border: none !important;
	}
}


/* =============================================================================
	Layout: About Us 2 CSS
============================================================================= */
.about-us-2 {
	position: relative;
}

.about-us-2:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-image: url('../images/bg/bg-about-us.jpg');
	background-position: center 45%;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-mask-image: url('../images/bg/bg-about-us-mask-03.svg');
	mask-image: url('../images/bg/bg-about-us-mask-03.svg');
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: top center;
	mask-position: top center;
	-webkit-mask-size: cover;
	mask-size: cover;
}

.about-circle {
	border-radius: 100%;
	aspect-ratio: 1 / 1;
	display: flex;
    align-items: center;
	justify-content: center;
	color: #fff;
	text-align: center;
	font-size: 14px;
	padding: 1rem;
	font-weight: 400;
}

.about-circle p {
	font-size: 14px;
	font-weight: 400;
	margin:0;
	padding:0;
}
	
	
.about-circle h2 {
	font-size: 17px;
	font-weight: 500;
	color: #fff;
	letter-spacing: normal;
	margin-bottom: 0;
}

.about-image-box .col:not(:first-child, :last-child){
	padding-left:0;
	padding-right:0;
}

.about-image-box .col:first-child {
	padding-right: 0;
}

.about-image-box .col:last-child {
	padding-left: 0;
}

.circle-1 {
	background-color: var(--color-krouzky-01);
    width: 87%;
	margin-top: 2rem;
}

.circle-2 {
	background-color: var(--color-krouzky-02);
    width: 72%;
	margin-top: 8rem;
}

.circle-3 {
	background-color: var(--color-krouzky-03);
    width: 92%;
}

.circle-4 {
	background-color: var(--color-krouzky-04);
    width: 80%;
	margin-top: 3rem;
}

.circle-5 {
	background-color: var(--color-krouzky-05);
    width: 92%;
	margin-top: 5rem;
}

@media (max-width: 1399.98px) {
	.circle-1 {
		width: 98%;
	}

	.circle-2 {
		width: 86%;
	}

	.circle-3 {
		width: 100%;
	}

	.circle-4 {
		width: 85%;
	}

	.circle-5 {
		width: 100%;
	}
}

@media (max-width: 1199.98px) {
	.about-image-box .col,
	.about-image-box .col:first-child,
	.about-image-box .col:last-child {
		padding-right: calc(var(--bs-gutter-x) * .5);
		padding-left: calc(var(--bs-gutter-x) * .5);
	}
	
	.circle-1 {
		width: 75%;
	}

	.circle-2 {
		width: 66%;
	}

	.circle-3 {
		width: 80%;
	}

	.circle-4 {
		margin-top: 3rem;
		width: 65%;
	}

	.circle-5 {
		margin-top: 0;
		width: 80%;
	}
}

@media (max-width: 991.98px) {
	.about-us-2:before {
		mask: none;
		-webkit-mask: none;
	}	
	
	.circle-1 {
		width: 65%;
		margin-top: 0rem;
	}

	.circle-2 {
		width: 56%;
		margin-top: 6rem;
	}

	.circle-3 {
		width: 60%;
	}

	.circle-4 {
		margin-top: 3rem;
		width: 55%;
	}

	.circle-5 {
		margin-top: 0;
		width: 70%;
	}
}

@media (max-width: 575.98px) {
	.circle-1 {
		width: 65%;
		margin-top: 0rem;
	}

	.circle-2 {
		width: 50%;
		margin-top: 2rem;
	}

	.circle-3 {
		width: 65%;
		margin-top: 2rem;
	}

	.circle-4 {
		width: 55%;
		margin-top: 2rem;
	}

	.circle-5 {
		width: 70%;
		margin-top: 2rem;
	}	
}


/* =============================================================================
	Layout: About Us CSS
============================================================================= */
.about-us ul {
	list-style: none;
	padding-left: 0;
}

.about-us ul li {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

.about-us ul li img {
	width: 30px;
	height: 30px;
	margin-right: 20px;
	flex-shrink: 0;
}

.about-us .about-image .photo {
	width: 90%;
	margin-left: 1.2rem;
	padding: 0;
	position: relative;
	z-index: 2;
}

.about-us .about-image .spatter {
	position: absolute;
	z-index: 1;
	left: 0;
	bottom: 0;
	width: 95%;
}

.about-us .about-content-hp h3 {
	text-transform: uppercase;
	font-weight: 700;
}

@media (max-width: 991.98px) {	
	.about-us .about-image {
		text-align: center;
	}
	
	.about-us .about-image img {
		width: 50%;
		padding-bottom: 1rem;
	}
	
	.about-us .about-image-box .col-lg-6 {
		padding: 0 15px !important;
	}

	.about-us .about-image-box .about-btn {
		justify-content: center;
	}
	
	.about-us .about-image .photo {
		width: 80%;
	}
	
	.about-us .about-image .spatter {
		left: 50%;
		transform: translateX(-50%);
		width: 95%;
	}
}

@media (max-width: 432px) {
	.about-us .about-image .photo {
		width: 86%;
	}
	
	.about-us .about-image .spatter {
		left: 50%;
		transform: translateX(-50%);
		width: 95%;
	}
}


/* =============================================================================
	Layout: Branches CSS
============================================================================= */
.camp-section {
	background-color: var(--color-green-pale);
}

.camp-section .camp-item {
	transition: all ease-in-out .5s;
	border: 1px solid var(--border-green);
	background: #fff;
	box-shadow: 0 10px 40px #1ead5e15;
	position: relative;
	overflow: hidden;
}

.camp-section .camp-item:hover {
	transition: all ease-in-out 0.5s;
	transform: translateY(-8px);
}

.camp-section .camp-item:hover:before {
	content: "";
	transition: all ease-in-out 0.5s;
	height: 100%;
}

.camp-section .camp-item .camp-image {
	position: relative;
	overflow: hidden;
}

.camp-section .camp-item:hover h5 a {
	color: var(--color-green);
}

.camp-section .camp-item h5>a:hover {
	color: var(--color-green);
}

.camp-section .camp-item h5 {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.camp-section .camp-content p {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.camp-section .camp-item .camp-image {
	position: relative;
	overflow: hidden;
	height: 13rem;
}

.camp-section .camp-item .camp-image img {
	position: absolute;
	object-fit: cover;
	width: 100%;
	height: 100%;
}

@keyframes move {
    100% {
        transform: rotate(360deg);
    }
}


/* =============================================================================
	Layout: Training Section CSS
============================================================================= */
.training-section .training-tags>a {
	transition: all ease-in-out .2s;
}

.training-section .training-tags>a:hover {
	transition: all ease-in-out 0.2s;
	transform: translateY(-3px);
}

@media (min-width: 992px) {	
	.training-section {
		padding-top: 4rem!important;
	}
}

@media (max-width: 991.98px) {	
	.training-section .training-btn {
		justify-content: center;
	}
}


/* =============================================================================
	Layout: Section Career
============================================================================= */
.career-section {
	position: relative;
	background-color: var(--color-orange-pale);
}

.career-section ul.ul-icons {
	list-style: none;
	padding-left: 0;
}

.career-section ul.ul-icons li {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

.career-section ul.ul-icons li img {
	width: 30px;
	height: 30px;
	margin-right: 20px;
	flex-shrink: 0;
}

.career-section .career-image {
	position: relative;
	display: inline-block;
	line-height: 0;
}

.career-section .career-image picture,
.career-section .career-image .career-spatter,
.career-section .career-image .career-svg {
  display: block;
  width: 100%;
  height: auto;
}

.career-section .career-image .career-svg {
	position: absolute;
	top: 1px;
	left: -1px;
	width: 100%;
	height: auto;
	pointer-events: none;
}

.career-section .career-image .career-spatter {
	display: block;
	width: 100%;
	height: auto;
}

.career-section .career-content h3,
.career-section .slider-career-review h3 {
	text-transform: uppercase;
	font-weight: 600;
	color: var(--color-orange);
}

.career-section .hash-tag-tym-krouzky {
	margin-top: -2.5rem;
}

.slider-career-review .quote-box {
	background-color: var(--color-orange-pale-02);
	position: relative;
	padding: 4rem 1.5rem 1.5rem 1.5rem;
	margin-top: 80px;
	border-radius: 20px;
	overflow: visible;
	text-align: center;
}

.slider-career-review .quote-img {
	width: 135px;
	height: 135px;
	object-fit: cover;
	border-radius: 50%;
	border: 7px solid white;
	background-color: white;
	position: absolute;
	top: -10px;
	left: 50%;
	transform: translate(-50%, -50%);
}

.slider-career-review .quote-decor {
	position: absolute;
	pointer-events: none;
	z-index: 2;
}

.slider-career-review .quote-decor.left {
	top: 3rem;
	left: 8rem;
}

.slider-career-review .quote-decor.right {
	bottom: 3rem;
	right: 8rem;
}

.slider-career-review .slick-dots {
	position: relative;
}

.career-section .slider-career-review hr {
	background-color: var(--color-orange);
	width: 65px;
	height: 3px;
	border: none;
	opacity: 1;
	margin: 0 auto;
}

.career-section .slick-dots li button:before {
    background: none;
    border: 3px solid var(--color-orange-pale-02);
}

.career-section .slick-dots li.slick-active {
	margin-right: 4px;

}
	
.career-section .slick-dots li.slick-active button:before {
    opacity: 1;
    background: var(--color-orange-pale-02);
    border: 3px solid var(--color-orange);
	width: 16px;
	height: 16px;
	top: -2px;
}

@media (max-width: 1199.98px) {	
	.slider-career-review .quote-decor img {
		width: 70%;
	}
	.slider-career-review .quote-decor.left {
		top: 3rem;
		left: 3rem;
	}

	.slider-career-review .quote-decor.right {
		bottom: 3.3rem;
		right: 3rem;
	}
}

@media (max-width: 991.98px) {	
	.career-section .hash-tag-tym-krouzky {
		margin-top: 1rem;
	}
	
	.slider-career-review .quote-img {
		width: 120px;
		height: 120px;
	}

	.slider-career-review .quote-decor img {
		width: 40%;
	}
	.slider-career-review .quote-decor.left {
		top: 1.5rem;
		left: 0;
	}

	.slider-career-review .quote-decor.right {
		bottom: 3.3rem;
		right: 0;
	}
}


/* =============================================================================
	Layout: Section Employee
============================================================================= */
.employee-candid {
	background-color: var(--color-orange-pale);
}

.employee-candid h3 {
	font-size: 30px;
	font-weight: 600;
}

.employee-candid .bg-lector {
	background-color: #fff;
	background-image: url('../images/bg/bg-banner-looking-for-lecturers.svg');
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: contain;
}

.employee-candid .bg-teacher {
	background-color: #fff;
	background-image: url('../images/bg/bg-banner-looking-for-teachers.svg');
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: contain;
}

.employee-candid .employee-candid-image {
	text-align: center;
}

.employee-candid .employee-candid-image img {
	width: 90%;
}


@media (max-width: 1199.98px) {
	.employee-candid-content h3 {
		font-size: 28px;
	}
	
	.employee-candid .employee-candid-image img {
		width: 100%;
		margin-left: -4rem;
	}
}


@media (max-width: 991.98px) {
	.employee-candid .employee-candid-image {
		overflow: hidden;
	}

	.employee-candid-content h3 {
		font-size: 24px;
	}

	.employee-candid .bg-lector {
		background-color: #fff;
		background-image: none;
	}

	.employee-candid .bg-teacher {
		background-color: #fff;
		background-image: none;
	}
	
	.employee-candid .bg-lector .employee-candid-image {
		background-image: url('../images/bg/bg-banner-looking-for-lecturers-sm.svg');
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: contain;
	}
	
	.employee-candid .bg-teacher .employee-candid-image {
		background-image: url('../images/bg/bg-banner-looking-for-teachers-sm.svg');
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: contain;
	}
	
	.employee-candid .employee-candid-image img {
		width: 60%;
		margin-bottom: -14%;
		margin-left: 0;
		margin-right: 1rem;
	}

	.employee-candid .employee-btn {
		justify-content: center;
	}
	
	.employee-btn a {
		width: 100%;
	}
}


@media (max-width: 575.98px) {
	.employee-candid .employee-candid-image img {
		width: 80%;
		margin-bottom: -17%;
	}
}


/* =============================================================================
	Layout: Section Video
============================================================================= */
.video-section {
	position: relative;

}

.video-section .container {
	margin-top: 7rem;
	margin-bottom: 7rem;
}

.video-section h3 {
	text-transform: uppercase;
	font-weight: 700;
	color: #fff;
}

.video-section .btn-outline-light {
	text-shadow: 1px 1px 2px #000000;
	box-shadow: 1px 1px 2px #00000050;
}

.video-section .btn-outline-light:focus,
.video-section .btn-outline-light:hover,
.video-section .btn-outline-light:active {
	text-shadow: none !important;
	box-shadow: none !important;
}

.video-section .btn-outline-light:focus,
.video-section .btn-outline-light:active {
	color: #fff;
}

.video-section .btn-outline-light:hover {
	color: #000;
}

#krouzkyVideo {
  height: 100%;
  width: 100%;
  object-fit: cover;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}

@media (max-width: 1468.98px) {
	#krouzkyVideo {
		top: -1rem;
	}
}

.video-section .section-title h2,
.video-section .section-title h3,
.video-section .section-title p {
	color: #fff;
	text-shadow: 1px 1px 2px #000000;
}


/* =============================================================================
	Layout: Articles CSS
============================================================================= */
.recent-articles {
	padding-top: 7.5rem !important;
}


.recent-articles .articles-item .articles-item-image,
.more-articles .articles-item .articles-item-image {
	position: relative;
	overflow: hidden;
	aspect-ratio: 16 / 9;
	border: 1px solid var(--border-grey);
}

.recent-articles .articles-item .articles-item-image img,
.more-articles .articles-item .articles-item-image img {
	position: absolute;
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.articles-item .articles-item-image a>img {
	transition: all ease-in-out 0.5s;
}

.articles-item:hover .articles-item-image {
	border-color: var(--color-krouzky-03);
	transition: all ease-in-out 0.5s;
}

.articles-item:hover .articles-item-image a>img {
	transform: scale(1.2);
	transition: all ease-in-out 0.5s;
}

@media (max-width: 991.98px) {
	.recent-articles {
		padding-top: 10rem !important;
	}
}

@media (max-width: 575.98px) {
	.recent-articles {
		padding-top: 11rem !important;
	}
}


/* =============================================================================
	Layout: Testimonial CSS
============================================================================= */
.testimonial {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.testimonial .section-title h3 {
	text-transform: uppercase;
	font-weight: 700;
	color: var(--color-krouzky-01);
}

.testimonial .row [class*="col-"] {
	padding: 0 15px;
}

.testimonial .team-slider .slick-list {
	padding-bottom: 20px!important;
}

.testimonial .testimonial-item {
	background: var(--color-blue-pale-03);
}

.testimonial.camps .testimonial-item {
	background: var(--color-green-pale);
}

.testimonial .testimonial-item .testimonial-content {
	background: #fff;
	border: 1px solid var(--input-border-color);
	position: relative;
}

.testimonial .testimonial-item .testimonial-content p {
	font-style: italic;
}

.testimonial .testimonial-item .testimonial-content .testimonial-icon {
	width: 50px;
	height: 45px;
	background: #1967D3;
	text-align: center;
	font-size: 22px;
	color: #fff;
	line-height: 45px;
	position: absolute;
	top: 37px;
	left: -19px;
}

.testimonial .testimonial-item .testimonial-content .testimonial-icon:before {
	content: "";
	border-bottom: 16px solid #e41212;
	border-left: 18px solid transparent;
	position: absolute;
	top: -16px;
	left: 1px;
}

.testimonial .testimonial-item .details {
	position: relative;
}

.testimonial .testimonial-item .details i {
	font-size: 30px;
	color: #1967D3;
}

.testimonial .testimonial-item .details p {
	font-style: italic;
	font-size: 14px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
}

.testimonial .testimonial-item a {
	display: inline-block;
	position: relative;
	overflow: hidden;
}

.testimonial .testimonial-item a img {
	height: 80px;
	width: 80px;
	border-radius: 50%;
}

.testimonial .testimonial-item .author-info {
	position: relative;
}

.testimonial .testimonial-item .author-info img {
	width: 80px;
	height: 80px;
	border-radius: 50%;
}

.testimonial .testimonial-item .author-info i {
	font-size: 20px;
	color: #1967D3;
	position: absolute;
	left: 38%;
	z-index: 1;
	background: #fff;
	border-radius: 50%;
	height: 40px;
	width: 40px;
	line-height: 1.8;
}

.testimonial .review-slider .slick-prev {
	bottom: -80px;
	top: inherit;
	background: #1967D3;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	line-height: 1;
}

.testimonial .review-slider .slick-prev::before{
	color: #fff;
	font-size: 28px;
	line-height: 1.5;
}

.testimonial .review-slider .slick-prev:hover,
.testimonial .review-slider .slick-prev:focus,
.testimonial .review-slider .slick-next:hover,
.testimonial .review-slider .slick-next:focus {
	background: var(--color-black);
}

.testimonial .review-slider .slick-prev:hover::before,
.testimonial .review-slider .slick-prev:focus::before,
.testimonial .review-slider .slick-next:hover::before,
.testimonial .review-slider .slick-next:focus::before {
	color: #fff;
}

.testimonial .review-slider .slick-prev {
	left: 16px;
}

.testimonial .review-slider .slick-next {
	left: 76px;
	right: inherit;
}

/*
.testimonial::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	background: url(../images/feedback.svg);
	background-position: top left;
	background-size: contain;
	background-repeat: no-repeat;
	width: 90%;
	height: 90%;
	opacity: 0.3;
	animation: movebounce 5s infinite;
}
*/

.testimonial .slick-slide {
	transition: all .2s ease-in-out;
}

.testimonial .slick-slide.slick-current.slick-active .testimonial-item {
	/*box-shadow: 0 10px 30px #0e64d714;*/
	transition: all .2s ease-in-out;
}

.testi-width {
	width: 130vw;
	transform: translateX(-31vw);
}

.testi-width .testimonial-item {
	position: relative;
	padding: 50px 70px 40px;
	transition: all .3s ease-in-out;
	margin: 22px !important;
	box-shadow: 0 0px 20px #0e64d714;
}

.testimonial-main {
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

/*
.slick-dots li.slick-active button:before {
    opacity: 1;
    background: var(--color-blue);
    border: 1px solid var(--color-blue);
}
*/


.testimonial .slick-dots li button:before {
    background: none;
    border: 3px solid var(--color-blue-pale-04);
}

.testimonial.camps .slick-dots li button:before {
    background: none;
    border: 3px solid var(--color-green-pale-02);
}

.testimonial .slick-dots li.slick-active {
	margin-right: 4px;

}
	
.testimonial .slick-dots li.slick-active button:before {
    opacity: 1;
    background: var(--color-blue-pale-04);
    border: 3px solid var(--color-blue);
	width: 16px;
	height: 16px;
	top: -2px;
}

.testimonial.camps .slick-dots li.slick-active button:before {
    background: var(--color-green-pale-02);
    border: 3px solid var(--color-green);
}


@media (max-width: 991.98px) {
	.testimonial .testimonial-main,
	.testimonial .row {
		width: 100% !important;
		margin: 0 !important;
	}

	.testimonial .section-title {
		text-align: center !important;
		margin-bottom: 2.5rem;
	}

	.testimonial .about-slider {
		width: 100% !important;
		margin: 0 !important;
	}
	
	.testimonial::before {
		content: '';
		background: none;
	}
}


/* =============================================================================
	Layout: Partners Section CSS
============================================================================= */
.partners-section .section-title h3 {
	text-transform: uppercase;
	font-weight: 700;
	color: var(--color-krouzky-01);
}

.partners-section .col .partner-card {
	box-shadow: 0 0 15px #0e64d708;
	border: 1px solid var(--border-grey);
	display: grid;
	align-content: center;
	background: #fff;
	overflow: hidden;
	border-radius: 20px;
	height: 100px;
	text-align: center;
	transition: all ease-in-out .3s;
}

.partners-section .col .partner-card:hover {
	box-shadow: 0 0 15px #1967d315;
	transition: all ease-in-out .3s;
	border-color: var(--color-blue-light-4);
	transform: translateY(-5px);
}

.partners-section .col img {
	max-height: 100px;
	margin: auto;
	padding: 20px;
	transition: all ease-in-out .3s;
	filter: grayscale(1);
}

.partners-section .col .partner-card:hover img {
	filter: grayscale(0);
	transition: all ease-in-out .3s
}


/* =============================================================================
	Layout: Contact Page CSS
============================================================================= */
.contact-main .contact-info .info-item {
	position: relative;
	padding: 20px;
}

.contact-main .contact-info .info-item .box-table li {
	font-size: 16px;
	font-weight: 500;
	list-style-type: none;
	margin-bottom: 20px;
	position: relative;
	width: 100%;
}

.contact-main .contact-info .info-item .box-table li span {
	color: #1967D3;
	float: right;
}

.contact-main .contact-info .info-item .box-table li::before {
	content: "";
	position: absolute;
	height: 1px;
	width: 50px;
	border: 1px dashed #737373;
	top: 12px;
	left: 0;
	right: 0;
	margin: auto;
}

.contact-main .contact-info .info-item .box-table li:last-child {
	margin-bottom: 0;
}

@media (max-width: 991.98px) {
	.contact-main .contact-info .contact-form {
		padding: 0 !important;
	}
}

@media (max-width: 767px) {
	.contact-main .contact-map .contact-form {
		margin-top: 2rem;
	}
}

.contact-info-main {
	margin-top: -80px;
}


/* =============================================================================
	Layout: Gallery CSS
============================================================================= */
.gallery .gallery-item {	
	position: relative;
	overflow: hidden;
}

.gallery .gallery-item .gallery-image {
	position: relative;
	overflow: hidden;
	height: 10rem;
}

.gallery .gallery-item .gallery-image img {
	position: absolute;
	object-fit: cover;
	width: 100%;
	height: 100%;
	z-index: 1;
	transition: all ease-in-out 0.5s;
}

.gallery .gallery-item .gallery-video {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
}

.gallery .gallery-item .gallery-content {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 100%;
	left: 0;
	background: linear-gradient(to bottom, transparent, #000000);
	transition: all ease-in-out 0.2s;
	z-index: 2;
}

.gallery .gallery-item .gallery-content ul {
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.gallery .gallery-item .gallery-content ul li {
	border: 1px solid #ffffff46;
	color: #fff;
	text-align: center;
	font-size: 20px;
	line-height: 2.5;
	display: inline-block;
	border-radius: 10px;
	margin: 0;
	transition: all ease-in-out 0.5s;
}

.gallery .gallery-item .gallery-content ul li a {
	color: #fff;
	height: 50px;
	width: 50px;
	display: inline-block;
}

.gallery .gallery-item .gallery-content ul li:hover {
	background: #1967D3;
	transition: all ease-in-out 0.2s;
}

.gallery .gallery-item:hover .gallery-content {
	top: 0;
	transition: all ease-in-out 0.5s;
}

.gallery .overlay {
	background: rgba(0, 0, 0, 0.4);
}

a.lb-close {
	position: absolute;
	top: -30px;
	right: 30px;
}

.gallery .gallery-item:hover .gallery-image img {
	transform: scale(1.15);
	transition: all ease-in-out 0.5s;
}


/* =============================================================================
	Layout: Coming Soon CSS
============================================================================= */
section.comingsoon {
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	min-height: 100vh;
}

section.comingsoon .comingsoon-content {
	position: relative;
	z-index: 1;
}

section.comingsoon .comingsoon-content .counter-box {
	text-align: center;
	display: inline-block;
	color: #fff;
	padding: 0 30px;
	text-transform: capitalize;
	font-size: 21px;
	background-color: #ffffff40;
}

section.comingsoon .comingsoon-content .counter-box span {
	font-size: 90px;
	color: #fff;
	display: block;
	font-weight: 700;
	line-height: 1;
}

@media (max-width: 911px) {
	section.comingsoon .comingsoon-content .newsletter-form {
		width: 100%;
	}

	section.comingsoon .comingsoon-content span {
		font-size: 60px;
	}
}

@media (max-width: 767px) {
	section.comingsoon .comingsoon-content .coming-title span {
		font-size: 40px;
	}

	section.comingsoon .comingsoon-content .counter-box span {
		font-size: 54px;
	}

	section.comingsoon .coming-image {
		margin-top: 2rem;
	}
}

@media (max-width: 639px) {
	section.comingsoon::before {
		display: none;
	}

	section.comingsoon .comingsoon-content .coming-title h1 {
		font-size: 44px;
		line-height: 1;
		margin-bottom: 15px !important;
	}

	section.comingsoon .comingsoon-content .coming-title span {
		font-size: 30px;
	}

	section.comingsoon .comingsoon-content .counter-box {
		width: 100%;
		margin: 0 0 20px !important;
	}

	section.comingsoon .comingsoon-content .counter-box span {
		font-size: 42px;
	}
}

@media (max-width: 567px) {
	section.comingsoon .comingsoon-content .coming-title-main,
	section.comingsoon.comingsoon1 .comingsoon-content .coming-title-main {
		width: 100% !important;
	}

	section.comingsoon .comingsoon-content .newsletter-form form,
	section.comingsoon.comingsoon1 .comingsoon-content .newsletter-form form {
		border-radius: 0px;
	}

	section.comingsoon .comingsoon-content .newsletter-form form input[type="email"],
	section.comingsoon.comingsoon1 .comingsoon-content .newsletter-form form input[type="email"] {
		padding-right: 20px;
	}

	section.comingsoon .comingsoon-content .newsletter-form form input.nir-btn,
	section.comingsoon.comingsoon1 .comingsoon-content .newsletter-form form input.nir-btn {
		position: relative;
		border-radius: 0px;
		margin: 1rem 0 0;
	}
}


/* =============================================================================
	Layout: Footer Partners logo CSS
============================================================================= */
.footer-partners-logo img {
	width: 65%;
}

@media (max-width: 1199.98px) {
	.footer-partners-logo img {
		width: 100%;
	}	
}

/* =============================================================================
	Layout: Newsletter CSS
============================================================================= */
.footer-newsletter {
	background-image: url('../images/bg/bg-shape-footer.svg');
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

@media (max-width: 991.98px) {
	.footer-newsletter {
		background-image: none;
		background-color: var(--color-orange-light);
	}	
}

.footer-nl-logo img {
	height: 60px;
}

.footer-newsletter button.krouzky-btn-orange {
	padding-right:2rem;
}

@media (max-width: 991.98px) {
	.footer-newsletter form {
		margin-top: 2rem;
	}
	
	.footer-newsletter button.krouzky-btn-orange {
		padding-right:1.5rem;
	}
	
	.footer-nl-logo img {
		height: 40px;
	}
	
}

@media (max-width: 639px) {
	.footer-newsletter .newsletter-main {
		text-align: center;
	}

	.footer-newsletter .newsletter-main form {
		display: block !important;
	}

	.footer-newsletter .newsletter-main form button {
		width: 100%;
		margin: 0 !important;
		padding-right:0;
		padding-left:0;
	}
}


/* =============================================================================
	Layout: Footer CSS
============================================================================= */
footer {
	width: 100%;
	position: relative;
	background-color: var(--color-krouzky-06);
}

footer a,
footer p,
footer li {
	font-weight: 400;
	font-size: var(--footer-text-size);
	color: var(--footer-text-color);
}

footer h3 {
	position: relative;
	padding-bottom: 7px;
	margin-bottom: 14px;
	color: var(--footer-h-color);
	font-size: var(--footer-h-size);
}

footer .footer-upper {
	position: relative;
	z-index: 1;
}

footer .footer-links form input,
footer input.form-control {
	outline: 0;
	border: 0;
	box-shadow: none;
}

footer .footer-links form input:focus,
footer input.form-control:focus {
	outline: 0;
	border: 0;
	box-shadow: none !important;
}

footer .footer-upper .footer-links ul.list li {
	display: inline-block;
	padding: 0 10px;
}

footer .footer-upper .footer-links ul li {
	margin-bottom: 0.6rem;
	display: block;
}

footer .footer-upper .footer-links ul li:last-child {
	margin-block: 0;
}

footer .footer-upper .footer-links ul li:not(.f-none) a {
	padding-left: 15px;
}

footer .footer-upper .footer-links ul li a {
	transition: all ease-in-out 0.25s;
}

footer .footer-upper .footer-links ul li:not(.f-none) a::before {
	content: '\f105';
	position: absolute;
	left: 0;
	font-family: 'Font Awesome 6 Pro';
}

footer .footer-upper .footer-links ul li a:hover,
footer .footer-upper .footer-links ul li a:focus {
	color: var(--footer-a-hover-color);
	transition: all ease-in-out 0.25s;
}

footer .footer-upper .footer-links ul li a.active {
	color: var(--footer-a-hover-color);
}

footer .footer-upper .footer-links ul p span {
	color: #1967D3;
}

footer .footer-upper .footer-links h5 {
	border: none;
	padding: 0;
}

footer .footer-upper .footer-about p,
footer .footer-upper .footer-about li {
	color: var(--footer-text-color);
}

footer .footer-upper .footer-about li {
	line-height: 2;
}

footer .footer-copyright {
	position: relative;
	z-index: 1;
}

footer .footer-copyright .copyright-inner {
	background: #fbfbfb12;
}

footer .footer-listing-main .footer-listing {
	border: 1px dashed #f1f1f157;
	padding: 20px;
}

footer .footer-listing-main .footer-listing i {
	font-size: 36px;
	display: block;
}

footer .footer-toggle .bi::before {
  transition: all 0.35s ease-out;
}

footer .footer-toggle:not(.collapsed) .bi::before {
  -ms-transform: rotate(-180deg);
  /* IE 9 */
  -webkit-transform: rotate(-180deg);
  /* Chrome, Safari, Opera */
  transform: rotate(-180deg);
}

footer .footer-links img.logo-krouzky {
	width: 65px;
}

footer .footer-links button.krouzky-btn {
	border-top-right-radius: 25px !important;
	border-bottom-right-radius: 25px !important;
}

.social-links {
	display: inline-block;
}

.social-links ul li {
	display: inline-block !important;
}

.social-links ul li a {
	border: 1px solid var(--input-border-color);
	width: 40px;
	height: 40px;
	display: inline-block;
	text-align: center;
	font-size: 17px;
	line-height: 2.4;
	border-radius: 50%;
	transition: all ease-in-out 0.2s;
}

.footer-a:hover,
.footer-a:focus {
	color: #fff;
}

.social-links ul li a:hover {
	color: #fff;
	background: var(--color-blue);
	transition: all ease-in-out 0.2s;
}

.camps .social-links ul li a {
	color: var(--color-krouzky-02);
	border: 1px solid var(--color-krouzky-02);
}

.camps .social-links ul li a:hover {
	color: #fff;
	background: var(--color-krouzky-02);
}

@media (max-width: 991.98px) {
	footer .footer-upper {
		padding-bottom: 3rem;
	}

	footer .footer-upper .footer-links {
		width: 100% !important;
	}

	footer .footer-listing-main .footer-listing {
		margin-top: 15px;
	}
	
	footer .col-12:not(:last-child) {
		border-bottom: 1px solid var(--footer-hr-color);
	}
	
	footer .col-12 ul li:last-child {
		margin-bottom: 12px !important;
    }
	
	footer h3 {
		padding-bottom: 0px;
		margin-bottom: 9px;
	}
}

@media (max-width: 767px) {
	footer .footer-copyright .copyright-inner {
		text-align: center;
	}

	footer .footer-copyright .copyright-inner .copyright-text {
		margin-bottom: 15px;
	}
}

@media (min-width: 991.98px) {
	footer h3:after {
		position: absolute;
		content: '';
		height: 0.5px;
		width: 50px;
		background: var(--footer-text-color);
		left: 0;
		bottom: 0;
	}
}


/* =============================================================================
	Layout: BR CSS
============================================================================= */
.br-490 {
	display: none;
}

@media all and (max-width: 489.98px) {
	.br-490 {
		display: block;
	}
}

.br-400 {
	display: none;
}

@media all and (max-width: 399.98px) {
	.br-400 {
		display: block;
	}
}

.br-992 {
	display: block;
}

@media all and (max-width: 991.98px) {
	.br-992 {
		display: none;
	}
}

.br-1400 {
	display: none;
}

@media (min-width: 1400px) {
	.br-1400 {
		display: block;
	}
}

.br-1200 {
	display: none;
}

@media (min-width: 1200px) {
	.br-1200 {
		display: block;
	}
}


/* =============================================================================
	Layout: Listing CSS
============================================================================= */
.list-results {
	position: relative;
	margin-bottom: 2rem;
	width: 100%;
}

.list-results label {
	margin: 0;
}

.list-results .nice-select {
	border: 1px solid #cccccc80;
	background: #fff;
	width: 150px;
	padding-left: 20px;
	line-height: 1.5;
	height: 44px;
}

.list-results .change-grid,
.list-results .change-list {
	display: inline-block;
}

.list-results .change-grid a:hover i,
.list-results .change-grid a:focus i,
.list-results .change-list a:hover i,
.list-results .change-list a:focus i {
	color: #fff;
	background: var(--color-krouzky-01);
	transition: all ease-in-out 0.2s;
}

.list-results .change-grid i,
.list-results .change-list i {
	line-height: 2.5;
	text-align: center;
	display: inline-block;
	transition: all ease-in-out 0.2s;
	height: 40px;
	width: 40px;
	background: #fff;
	border-radius: 20px;
	border: 1px solid var(--color-krouzky-01);
}

.list-results .change-list.f-active i,
.list-results .change-grid.f-active i {
	background: var(--color-krouzky-01);
	color: #fff;
	transition: all ease-in-out 0.2s;
	border-color: var(--color-krouzky-01);
}

.camps .change-list a,
.camps .change-grid a {
	color: var(--color-krouzky-02);
}

.camps .list-results .change-grid i,
.camps .list-results .change-list i {
	border-radius: 20px;
	border: 1px solid var(--color-krouzky-02);
}

.camps .list-results .change-grid a:hover i,
.camps .list-results .change-grid a:focus i,
.camps .list-results .change-list a:hover i,
.camps .list-results .change-list a:focus i,
.camps .list-results .change-list.f-active i,
.camps .list-results .change-grid.f-active i {
	color: #fff;
	background: var(--color-krouzky-02);
	transition: all ease-in-out 0.2s;
	border-color: var(--color-krouzky-02);
}

@media (max-width: 991.98px) {
	.list-results {
		width: 100% !important;
	}
}

.form-find .nice-select {
	line-height: 2;
}

.page-banner-img {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 500px;
	width: 100%;
}

.blog-full {
	overflow: hidden;
}

.blog-full .blog-image {
	position: relative;
	height: 100%;
	overflow: hidden;
	border-radius: 0px;
	transition: all ease-in-out 0.5s;
}

.blog-full .blog-image .h-date {
	text-align: center;
	position: absolute;
	top: 20px;
	right: 20px;
	padding: 12px 20px;
	border-radius: 15px;
	z-index: 1;
}

.blog-full .blog-image>a {
	background-size: cover;
	height: 100%;
	width: 100%;
	background-position: center;
	display: inline-block;
	transition: all ease-in-out 0.5s;
}

.blog-content {
	display: inline-block;
	width: 100%;
}

.blog-content p:first-child:first-letter {
	font-size: 80px;
	color: #1967D3;
	float: left;
	display: block;
	line-height: 1;
	padding-right: 10px;
	font-weight: 400;
}

.blog-content>a:hover {
	color: #1967D3 !important;
	transition: all ease-in-out 0.5s;
}

.detail-title .detail-title-inner .listing-rating i {
	color: #fff;
}

.detail-title .detail-title-inner .list-single-contacts li {
	font-size: 13px;
	padding-right: 10px;
}

.detail-title .detail-title-inner .list-single-details .list-single-rating {
	position: relative;
	z-index: 1;
	display: inline-block;
}

.detail-title .detail-title-inner .list-single-details .list-single-rating .rating-score span {
	background: #fff;
	color: #1967D3;
	float: left;
	font-weight: 700;
	border-radius: 0px;
	padding: 16px 18px;
	font-size: 24px;
}

.detail-listing-inner {
	border: 1px solid var(--input-border-color);
	box-shadow: 0 10px 40px #0e64d714;
	padding: 20px;
	border-radius: 0px;
}

.detail-listing-inner>div {
	border-bottom: 1px dashed #f3f5f0;
	padding-bottom: 2rem;
	margin-bottom: 1.5rem;
}

.detail-listing-inner>div .detail-amenities li {
	width: 32.90%;
	margin-bottom: 0.5%;
	border: 1px dashed #cccccc50;
	padding: 10px;
	color: var(--font-color-basic);
	border-radius: 0px;
}

.detail-listing-inner>div .detail-amenities li i {
	margin-right: 5px;
}

.detail-listing-inner>div:last-child {
	border: none;
	padding: 0;
	margin: 0;
}

.detail-listing-inner .detail-recentlist .blog-full {
	box-shadow: none;
}

.detail-comments .comment-box,
.single-comments .comment-box {
	display: flex;
	margin-bottom: 30px;
}

.detail-comments .comment-box:last-child,
.single-comments .comment-box:last-child {
	margin-bottom: 0;
}

.detail-comments .comment-box .comment-image,
.single-comments .comment-box .comment-image {
	text-align: center;
}

.detail-comments .comment-box .comment-image img,
.single-comments .comment-box .comment-image img {
	border-radius: 20px;
}

.detail-comments .comment-box .comment-content,
.single-comments .comment-box .comment-content {
	border-bottom: 1px dashed #f1f1f1;
	position: relative;
	background: #f3f5f0;
	padding: 20px;
	margin-left: 30px;
}

.detail-comments .comment-box .comment-content:before,
.single-comments .comment-box .comment-content:before {
	content: '';
	position: absolute;
	left: -20px;
	top: 25px;
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-right: 20px solid #f3f5f0;
}

.detail-comments .comment-box .comment-content:last-child,
.single-comments .comment-box .comment-content:last-child {
	border: 0;
}

.detail-comments .comment-box .comment-content p.comment-date,
.single-comments .comment-box .comment-content p.comment-date {
	position: absolute;
	right: 20px;
	top: 20px;
	font-size: 14px;
	margin: 0;
}

.detail-comments .comment-box .comment-content .comment-rate span.comment-title,
.single-comments .comment-box .comment-content .comment-rate span.comment-title {
	font-weight: 500;
	font-style: italic;
}

.detail-comments .comment-box .comment-content p.comment,
.single-comments .comment-box .comment-content p.comment {
	margin: 0.5rem 0;
}

.detail-comments .comment-box .comment-content .comment-like,
.single-comments .comment-box .comment-content .comment-like {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 1rem;
}

.detail-comments .comment-box .comment-content .comment-like a,
.single-comments .comment-box .comment-content .comment-like a {
	padding: 6px 12px;
}

.detail-comments .comment-box .comment-content .comment-like .like-title,
.single-comments .comment-box .comment-content .comment-like .like-title {
	display: inline-block;
}

.detail-comments .comment-box .comment-content .comment-like .like-btn a,
.single-comments .comment-box .comment-content .comment-like .like-btn a {
	margin-left: 10px;
}

.detail-comments .comment-box .comment-content .comment-like .like-btn a.like,
.single-comments .comment-box .comment-content .comment-like .like-btn a.like {
	color: #292e8c;
}

.detail-comments .comment-box .comment-content .comment-like .like-btn a.dislike,
.single-comments .comment-box .comment-content .comment-like .like-btn a.dislike {
	color: #a6aebb;
}

.detail-comments .comment-box .comment-content .comment-like .like-btn a.love,
.single-comments .comment-box .comment-content .comment-like .like-btn a.love {
	color: #ff6f7e;
}

.blog-height {
	height: 100%;
}

@media (max-width: 991.98px) {
	.blog-full .blog-height {
		height: 250px;
	}

	.list-sidebar {
		margin-top: 2rem;
	}

	.listing-main1 {
		padding: 0 !important;
	}

	.listing-main1 .form-find .form-group {
		margin: 0 0 0.5rem !important;
	}
}

@media (max-width: 767px) {
	.detail-listing-inner>div .detail-amenities li {
		width: 49%;
	}

	.blog-full .blog-image>a {
		height: 320px;
	}

	.blog-content {
		padding-top: 20px !important;
	}

	.blog-single-in .blog-date,
	.blog-single-in .blog-single-in-cont {
		width: 100% !important;
	}

	.blog-single-in .blog-single-in-cont {
		padding: 0 20px 20px;
	}

	.blog .listing-inner {
		padding: 0 !important;
	}
}

@media (max-width: 639px) {
	.detail-comments .comment-box,
	.single-comments .comment-box {
		display: block !important;
		text-align: center;
	}

	.detail-comments .comment-box .comment-image,
	.single-comments .comment-box .comment-image {
		display: inline-block;
	}

	.detail-comments .comment-box .comment-content,
	.single-comments .comment-box .comment-content {
		margin-top: 1rem;
		margin-left: 0 !important;
	}

	.detail-comments .comment-box .comment-content:before,
	.single-comments .comment-box .comment-content:before {
		display: none;
	}

	.detail-comments .comment-box .comment-content p.comment-date,
	.single-comments .comment-box .comment-content p.comment-date {
		position: relative !important;
		top: 0;
		right: 0;
	}

	.detail-comments .comment-box .comment-content .rating-comment,
	.single-comments .comment-box .comment-content .rating-comment {
		display: inline-block !important;
		width: 100%;
	}

	.detail-comments .comment-box p.comment-date,
	.single-comments .comment-box p.comment-date {
		display: inline-block !important;
		margin-top: 2rem;
	}

	.blog-imagelist {
		text-align: center;
	}

	.blog-imagelist img {
		margin-bottom: 1rem;
	}

	.review-box {
		margin-bottom: 15px;
	}
}

@media (max-width: 567px) {
	.list-results {
		display: inherit !important;
		text-align: center;
	}

	.list-results .click-menu {
		justify-content: center !important;
		margin-top: 1rem;
	}

	.list-results .click-menu .sortby {
		display: inline-block !important;
	}

	ul.detail-inline {
		display: block !important;
	}

	ul.detail-inline li {
		display: block !important;
		margin: 0 0 5px !important;
	}

	.detail-listing-inner>div .detail-amenities li {
		width: 100%;
	}
}

@media (max-width: 400px) {
	.detail-comments .comment-box .comment-content .comment-like,
	.single-comments .comment-box .comment-content .comment-like {
		display: block !important;
	}

	.detail-comments .comment-box .comment-content .comment-like .like-title,
	.single-comments .comment-box .comment-content .comment-like .like-title {
		float: none !important;
	}

	.detail-comments .comment-box .comment-content .comment-like .like-btn,
	.single-comments .comment-box .comment-content .comment-like .like-btn {
		float: none !important;
		margin-top: 0.5rem;
	}

	.detail-comments .comment-box .comment-content .comment-like .like-btn a,
	.single-comments .comment-box .comment-content .comment-like .like-btn a {
		padding: 0;
	}

	.detail-title .detail-title-inner .list-single-contacts li {
		padding-right: 0;
	}
}


/* =============================================================================
	Layout: Blog CSS
============================================================================= */
.swiper-list li {
	display: inline-block;
	margin-bottom: 0;
	border: 1px solid #fff;
	padding: 5px 10px;
	text-align: center;
	border-radius: 0px;
}

section.blog .grid {
	position: relative;
	overflow: hidden;
	border-radius: 0px;
}

section.blog .grid .gridblog-content {
	padding: 20px 0 0;
}

section.blog .grid .gridblog-content .date {
	border-bottom: 1px solid #cccccc80;
	display: inline-block;
}

section.blog .grid .gridblog-content .date a {
	color: #999;
	font-size: 14px;
}

section.blog .grid .gridblog-content .date a:hover {
	color: #1967D3;
}

section.blog .grid .grid-image {
	position: relative;
	transition: all ease-in-out 0.5s;
	overflow: hidden;
}

section.blog .grid .grid-image img {
	transition: all ease-in-out 0.5s;
	width: 100%;
}

section.blog .grid .grid-image:hover img {
	transform: scale(1.1);
	transition: all ease-in-out 0.5s;
}

section.blog .grid .grid-image:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.5);
	-webkit-transition: -webkit-transform 1.8s;
	transition: -webkit-transform 1.8s;
	transition: transform 1.8s;
	transition: transform 1.8s, -webkit-transform 1.8s;
	-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -200%, 0);
	transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -200%, 0);
	z-index: 1;
}

section.blog .grid .grid-image:hover:before {
	-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 200%, 0);
	transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 200%, 0);
}

section.blog .grid .grid-image .overlay {
	background: linear-gradient(to top, #0000007d, transparent);
}

section.blog .grid .grid-item1 .gridblog-content {
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 2;
	padding: 20px;
}

section.blog .grid .grid-item1 .date {
	border-bottom: 1px solid #fff;
	display: inline-block;
}

.author-news {
	position: relative;
	overflow: hidden;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	display: inline-block;
	width: 100%;
}

.author-news .author-news-content {
	position: relative;
	z-index: 1;
}

.author-news .author-news-content .author-thumb {
	width: 100px;
	height: 100px;
	margin: 0px auto;
	position: relative;
	overflow: hidden;
}

.author-news .author-news-content .author-thumb img {
	width: 100%;
	border-radius: 50%;
	height: 100%;
}

.author-news .author-news-content .author-thumb:before {
	position: absolute;
	content: '';
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	height: 80px;
	width: 80px;
	border-radius: 50%;
	border: 2px dashed #fff;
}

.header-social ul li {
	display: inline-block;
	margin: 0;
}

.header-social ul li a i {
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 40px;
	background: #5e5eb7;
	color: #fff;
	margin-right: 2px;
}

.header-social ul li a i:hover {
	opacity: 0.8;
}

.header-social ul li a i:last-child {
	margin-right: 0;
}

.header-social ul li:nth-child(2) a i {
	background: #c72026;
}

.header-social ul li:nth-child(3) a i {
	background: #29a4dd;
}

ul.sidebar-category li {
	display: block;
}

ul.sidebar-category li a {
	position: relative;
	margin: 0 0 12px;
	border-radius: 10px;
	background: #fff;
	padding: 14px 20px;
	border: 1px solid #cccccc80;
	display: block;
}

ul.sidebar-category li a:hover {
	background: #1967D3;
	color: #fff;
}

ul.sidebar-category li.active a {
	background: #1967D3;
	color: #fff;
}

ul.sidebar-category1 li {
	display: block;
	line-height: 2.4;
}

.sidebar-products .s-content {
	border-bottom: 1px dashed #cccccc50;
}

.sidebar-products .s-content .products-price {
	color: #1967D3;
}

.sidebar-tabs .nav-tabs {
	border-bottom: none;
	background: #fff;
	overflow: hidden;
	margin-bottom: 30px;
}

.sidebar-tabs .nav-tabs>li button {
	border-radius: 20px;
	padding: 15px;
	margin: 0;
	line-height: inherit;
	border: 1px solid #f1f1f1;
	display: inline-block;
	width: 100%;
}

.sidebar-tabs .nav-tabs>li button:hover {
	color: #fff !important;
	border-color: #1967D3;
	background: #1967D3;
}

.sidebar-tabs .nav-tabs>li button.active {
	color: #fff !important;
	border-color: #1967D3;
	background: #1967D3;
}

.sidebar-tabs .nav-tabs>li button.active:hover {
	color: #fff !important;
	border-color: #1967D3;
	background: #1967D3;
}

.sidebar-tabs .sidebar-image {
	overflow: hidden;
}

.sidebar-tabs .sidebar-image img {
	width: 100%;
	border-radius: 20px;
}

.sidebar-tabs .s-content .blog-no {
	font-size: 32px;
	color: #ccc;
	font-weight: 700;
}

.sidebar-tabs .s-content .date {
	font-size: 14px;
	font-style: italic;
}

.sidebar-tabs .s-content h5 {
	text-transform: capitalize;
	border: none;
	padding: 0;
}

ul.sidebar-tags li {
	display: inline-block;
	margin-bottom: 0;
}

ul.sidebar-tags li a {
	padding: 10px 15px;
	background: #fff;
	display: inline-block;
	margin-bottom: 3px;
	border-radius: 10px;
	color: #444;
	border: 1px solid #cccccc80;
	box-shadow: 0 10px 40px #0e64d714;
	transition: all ease-in-out 0.5s;
}

ul.sidebar-tags li a:hover {
	background: #1967D3;
	color: #fff;
	transition: all ease-in-out 0.5s;
}

.sidebar-videos article.post {
	padding: 15px;
	background: #fff;
	border: 1px solid #cccccc80;
	box-shadow: 0 10px 40px #0e64d714;
}

.sidebar-videos button.slick-prev.slick-arrow,
.sidebar-videos button.slick-next.slick-arrow {
	display: none !important;
}

@media (max-width: 991.98px) {
	.sidebar-pomplet {
		text-align: center;
	}
}

.blog-single .para-content {
	border-top: 1px dashed #cccccc50;
	padding-top: 15px;
}

.blog-single .para-content span a {
	font-size: 14px;
	font-style: italic;
}

.blog-single .blog-quote {
	position: relative;
	text-align: center;
	z-index: 10;
	padding: 60px 40px 30px;
	border-radius: 0px;
	overflow: hidden;
}

.blog-single .blog-quote:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: #1967D3;
	z-index: -1;
}

.blog-single .blog-quote p {
	font-size: 28px;
	line-height: 1.3;
	margin-top: 50px;
}

.blog-single .blog-quote span {
	font-size: 18px;
	font-style: italic;
}

.blog-single .blog-quote i {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 30px;
	height: 75px;
	width: 75px;
	text-align: center;
	line-height: 75px;
	background: #fff;
	color: #1967D3;
	border-radius: 50%;
	margin-bottom: 20px;
}

.blog-single .blog-quote i:after {
	position: absolute;
	content: '';
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	height: 55px;
	width: 55px;
	border-radius: 50%;
	border: 1px dashed #fff;
}

.blog-single .blog-share {
	padding: 20px;
	background: #fff;
}

.blog-single .blog-share .blog-share-tag ul li {
	display: inline-block;
	margin-bottom: 0;
}

.blog-single .blog-next {
	display: inline-block;
	width: 100%;
	background: #fff;
	border-radius: 0px;
	overflow: hidden;
}

.blog-single .blog-next a {
	width: 50%;
	padding: 20px;
}

.blog-single .blog-next a.float-left {
	background: #1967D3;
}

.blog-single .blog-next .prev,
.blog-single .blog-next .next {
	position: relative;
}

.blog-single .blog-next .prev i,
.blog-single .blog-next .next i {
	position: absolute;
	left: 0;
	top: 6px;
}

.blog-single .blog-next .next i {
	left: inherit;
	right: 0;
}

.blog-single .blog-author {
	padding: 20px;
	border-radius: 0px;
	background: #fff;
}

.blog-single .blog-author .blog-author-item .title span {
	text-transform: capitalize;
	font-size: 16px;
	font-weight: 400;
}

.blog-single .blog-author .blog-author-item .blog-thumb img {
	border-radius: 50%;
	width: 150px;
	height: 150px;
}

.blog-single .blog-author .blog-author-item .blog-thumb:before {
	position: absolute;
	content: '';
	left: 50%;
	top: 50%;
	height: 125px;
	width: 125px;
	transform: translate(-50%, -50%);
	z-index: 1;
	border: 2px dashed #fff;
	border-radius: 50%;
}

@media (max-width: 991.98px) {
	.blog-sidebar {
		margin-top: 2rem;
		position: relative;
	}

	section.login {
		padding-bottom: 0 !important;
	}

	section.login .login-content {
		margin-bottom: 2rem;
	}
}

@media (max-width: 767px) {
	.blog-single .blog-next a {
		width: 100%;
	}

	.blog-single .blog-share {
		display: block !important;
		text-align: center;
	}

	.blog-single .blog-share .header-social {
		margin-top: 1rem;
	}

	.blog-single .blog-author {
		text-align: center;
	}

	.blog-single .blog-author .blog-thumb {
		margin-bottom: 1rem;
	}

	.blog-single .blog-quote {
		padding: 60px 20px 30px;
	}

	.blog-single .blog-quote p {
		font-size: 21px;
	}

	.blog-single .blog-single-in-cont {
		width: 100% !important;
		padding: 0 !important;
	}

	.detail-comments h4,
	.single-comments h4 {
		text-align: center;
	}
}

@media (max-width: 359px) {
	.sidebar-tabs .nav-tabs>li>a {
		padding: 15px 13px;
	}
}

@media (max-width: 991.98px) {
	.home-search .overlay {
		display: none;
	}

	.home-search .main-slider-1::before {
		width: 100%;
		opacity: 0.8;
	}

	.home-search .main-slider-1 .main-slider-inner {
		position: relative;
		top: inherit;
		left: inherit;
		transform: none;
	}

	.home-search .main-slider-1 .main-slider-inner .main-tab-sec {
		margin-bottom: 2rem;
	}

	.home-search .main-slider-1 .main-slider-inner .col-lg-6 {
		padding: 0 15px !important;
	}

	.home-search .main-slider-1 .main-slider-inner .form-content .search-tabs li {
		text-align: center;
	}

	.home-search .main-slider-1 .main-slider-inner .form-content .search-tabs li a {
		display: block;
	}

	.home-search .main-slider-1 .main-slider-inner .form-content .search-tabs li i {
		float: none;
	}
}


/* =============================================================================
	Layout: Navbar customize CSS
============================================================================= */
.navbar-nav li ul {
	border-top: 2px solid var(--color-blue);
}

.navbar-nav li ul li:hover a {
	padding-left: 20px;
	padding-right: 10px;
	text-decoration: none;
}

.navbar-nav li ul li:hover ul li a {
	padding-left: 15px;
	padding-right: 15px;
}

.navbar-nav li ul li a {
	display: block;
	padding: 7px 15px;
	font-size: 15px;
	font-weight: 400;
	color: #636363;
}

@media (max-width: 991.98px){
	.navbar-nav li ul li a {
		font-size: 13px;
		padding: 5px 15px;
	}
	
	.navbar .register-login {
		display: none !important;
	}
}

.navbar-nav li ul li a:hover {
	color: #f33807;
}

.navbar-nav li ul li ul {
	position: absolute;
	left: 188px;
	top: -2px;
}

.navbar-nav li ul li ul li ul li:hover a {
	padding-left: 20px;
	padding-right: 10px;
}


.top-head {
	position: relative;
	left: 0;
	right: 0;
	top: 0;
	z-index: 3;
	padding-bottom: 0px;
}

.top-menu {
	padding: 15px 0;
}

.top-menu .row {
	align-items: center;
}

.line-bg {
	position: relative;
	top: 17px;
	filter: drop-shadow(0px 3px 1px rgba(0, 0, 0, 3%));
}

.line-bg img {
	width: 100%;
}

.navbar-brand {
	position: relative;
}

.navbar-brand img {
	position: relative;
	z-index: 2;
}

.navbar {
	padding-bottom: 0;
	border-radius: 0;
	padding: 0px;
}

.navbar .nav-item a:hover,
.navbar .nav-item a:active {
	color: var(--color-krouzky-01) !important;
}


.top-head .nav-link {
	color: var(--color-krouzky-06) !important;
	font-size: 16px;
	transition: all 0.3s;
	padding: 17px 15px !important;
	text-transform: uppercase;
	font-weight: 600;
}

.active>.nav-link {
	color: var(--color-krouzky-01) !important;
}

.top-head .signiup {
	border-radius: 50px;
	font-weight: 400;
	background: #b2b74a;
	color: #fff !important;
	padding: 7px 20px !important;
	font-size: 16px !important;
	display: inline-block;
	border: solid 1px #b2b74a;
}

.top-head .signiup:hover {
	background: none;
	color: #b2b74a !important;
}

ul.dropdown-menu li {
	display: block;
}

ul.dropdown-menu li a {
	transition: all ease-in-out 0.1s;
}

ul.dropdown-menu li a:hover,
ul.dropdown-menu li a:active {
	transition: all ease-in-out 0.1s;
	background-color: var(--color-light-2-blue) !important;
	color: var(--color-blue) !important;
}

.fixed-menu {
	background: #fff;
	position: fixed;
	top: 0;
	animation: slide-down 0.7s;
	left: 0;
	right: 0;
	/*box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);*/
	z-index: 250;
}

@keyframes slide-down {
  0% {
    transform: translateY(-100%);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes slide {
  0% {
    opacity: 0;
    transform: translateY(50%);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.fixed-menu .navbar {
	padding-top:0px !important;
	padding-bottom:0px !important;
}


@media (max-width: 820px) {
	.top-menu {
		display: none;
	}

	.top-head img {
		text-align: center;
		display: block;
		margin: auto;
	}

	.fixed-menu .navbar-brand {
		display: block !important;
	}

	.top-head .nav-link {
		padding-left: 0 !important;
	}

	.navbar {
		background: rgba(255, 255, 255, 66%);
	}
}


@media (max-width: 480px) {
	.top-head {
		position: relative;
		padding-bottom: 0;
	}

	.top-menu img {
		text-align: center;
		display: block;
		margin: auto;
	}

	.fixed-menu .navbar-brand {
		display: block !important;
	}
}

.navbar-toggler span {
	display: block;
	height: 2px;
	width: 20px;
	margin: 4px 0;
	transition: all 0.35s ease-out;
	transform-origin: center center;
}

.navbar-toggler span:nth-child(1) {
	background-color: var(--color-krouzky-05);
}

.navbar-toggler span:nth-child(2) {
	background-color: var(--color-krouzky-04);
}

.navbar-toggler span:nth-child(3) {
	background-color: var(--color-krouzky-03);
}

.navbar-toggler span:nth-child(4) {
	background-color: var(--color-krouzky-02);
}

.navbar-toggler:not(.collapsed) span:nth-child(1) {
	transform: translateY(8.7px) rotate(45deg);
	background-color: var(--color-krouzky-06);
}

.navbar-toggler:not(.collapsed) span:nth-child(2),
.navbar-toggler:not(.collapsed) span:nth-child(3) {
	opacity: 0;
	transform: scaleX(0);
}

.navbar-toggler:not(.collapsed) span:nth-child(4) {
	transform: translateY(-8.7px) rotate(-45deg);
	background-color: var(--color-krouzky-06);
}

.mobile-fixed {
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);	
}

@media all and (max-width: 820.95px) {
	.mobile-fixed {
		background: #fff;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 250;
		/*box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);*/
	}

	body {
		padding-top: 41px;
	}
}

@media all and (max-width: 991.98px) {	
	.top-head .nav-link {
		padding-top: var(--bs-navbar-padding-y) !important;
		padding-bottom: var(--bs-navbar-padding-y) !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-transform: none;
		font-size: 14px;
		font-weight: 400;
	}
	
	.navbar-collapse>ul {
		height: 100vh;
	}

	.navbar-collapse>ul>li>ul {
		border: 0;
		padding-top: 0;
		margin-top: 0;
	}

	.navbar-collapse>ul>li>ul>li {
		font-size: 14px;
	}

	.navbar-collapse>ul>li>ul>li i.bi {
		display: inline-block;
	}
}

@media all and (min-width: 992px) {
	.navbar-collapse>ul {
		height: auto;
	}

	.navbar-collapse>ul>li>ul>li i.bi {
		display: none;
	}
}

.navbar-toggler {
	padding: 0.25rem 0 0.25rem 0.75rem;
	font-size: 0.75rem;
	line-height: 1;
	background-color: transparent;
	border: 0;
	border-radius: 0;
	transition: box-shadow 0.15s ease-in-out;
}

.navbar-toggler:focus {
	box-shadow: none;
}

.is-flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.dropdown-toggle::after {
	transition: all 0.35s ease-out;
}

.dropdown-toggle.show::after {
	-ms-transform: rotate(-180deg);
	/* IE 9 */
	-webkit-transform: rotate(-180deg);
	/* Chrome, Safari, Opera */
	transform: rotate(-180deg);
}

.navbar .navbar-collapse {
	background-color: #ffffff;
}

.navbar .nav-item {
	white-space: nowrap;
}

@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu {
		margin-top: 0px;
	}

	.navbar .nav-item {
		border: 0 !important;
	}

	.navbar .navbar-collapse {
		background-color: transparent;
	}
	
	.main_header_area .register-login a {
		font-size: 14px;
	}

	[aria-current="false"] {
		pointer-events: none;
		cursor: default;
		text-decoration: none;
	}
}

@media (min-width: 1400px) {
	.navbar .nav-item>a {
		font-size: 17px;
	}
}


@media (min-width: 1200px) and (max-width: 1399.98px) {
	.navbar .nav-item>a {
		text-transform: uppercase;
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
}

@media all and (min-width: 992px) and (max-width: 1199.98px) {
	.navbar .nav-item>a {
		font-weight: 500;
		font-size: 15px;
		text-transform: uppercase;
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.collapsing {
		transition-property: height, visibility;
		transition-duration: 0.35s;
	}

	.fade {
		transition: opacity 0.35s linear !important;
	}

}


/* =============================================================================
	Layout: To top - progress bar CSS
============================================================================= */
.progress-wrap {
	position: fixed;
	right: 25px;
	bottom: 25px;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	border-radius: 50px;
	box-shadow: inset 0 0 0 2px rgba(0, 102, 255, 0.2);
	z-index: 10000;
	opacity: 0;
	/*background-color: white;*/
	visibility: hidden;
	transform: translateY(15px);
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}

.progress-wrap.active-progress {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.progress-wrap::after {
	position: absolute;
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	content: "\f062";
	text-align: center;
	line-height: 46px;
	font-size: 18px;
	color: var(--color-blue);
	left: 0;
	top: 0;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	z-index: 1;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}

.lightScrollIcon::after {
	color: #ecedf3 !important;
}

.progress-wrap:hover::after {
	opacity: 0;
}

.progress-wrap::before {
	position: absolute;
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	content: "\f062";
	text-align: center;
	line-height: 46px;
	font-size: 18px;
	opacity: 0;
	background-image: linear-gradient(298deg, #da2c4d, #f8ab37);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	left: 0;
	top: 0;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	z-index: 2;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}

.progress-wrap:hover::before {
	opacity: 1;
}

.progress-wrap svg path {
	fill: none;
}

.progress-wrap svg.progress-circle path {
	stroke: var(--color-blue);
	stroke-width: 4;
	box-sizing: border-box;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}


/* =============================================================================
	Layout: PRELOADER CSS
============================================================================= */
.preloader {
	width: 100%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	position: fixed;
	z-index: 99999;
	right: 0;
	top: 0;
	background: #ffffff;
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
	transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
	-webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
}

.preloader figure {
	width: 140px;
	height: 140px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(0, 0, 0, 0.164);
	border-radius: 50%;
	animation: fadeup 0.30s;
	position: relative;
}

.preloader figure:after {
	content: "";
	width: 100%;
	height: 100%;
	border: 1px solid transparent;
	border-top: 1px solid black;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 0;
	animation: rotate1 0.60s infinite;
}

.preloader img {
	height: 110px;
	display: inline-block;
}

.page-loaded .preloader {
  top: 100%;
}

@keyframes fadeup {
  0% {
    transform: translateY(20px);
    opacity: 0; }
  100% {
    transform: translateY(0);
    opacity: 1; }
}

@keyframes rotate1 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); }
}

.ortabutton {
	text-align: center;
}


/* =============================================================================
	Layout: Cookies
============================================================================= */
#cb-cookie-banner {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 5;
	border-radius: 0;
	display: none;
	background-color: var(--color-krouzky-06);
	background-image: url('../images/bg/cookies-bg.svg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: 14% auto;
	background-position: bottom left;
	box-shadow: 0 0 2px 2px rgba(68, 68, 68, 0.2);
}

#cb-cookie-banner .container .row div:nth-child(2)>div {
	padding-left: 5rem;
}

#cb-cookie-banner h4 {
	color: #fff;
	font-size: 18px;
}

#cb-cookie-banner p {
	color: #cccccc;
	font-size: 14px;
}

#cb-cookie-banner .nav-link {
	color: #fff;
}

#cb-cookie-banner .nav-link i:before {
	transition: all 0.35s ease-out;
	display: inline-block;
}

#cb-cookie-banner .nav-link:not(.collapsed) i:before {
	-ms-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
	
#cb-cookie-banner ol.ol-counter li {
	color: #cccccc;
	text-align: left;
	font-size: 12px;
}
	
#cb-cookie-banner .cookies-text-bold {
	font-weight: 500;
	color: #fff;
}
	
#cb-cookie-banner ol.ol-counter li span:first-child {
	color: var(--color-blue-3);
	font-size: 14px;
}
	
#cb-cookie-banner .cookies-details {
	max-height: 32vh;
}
	
#cb-cookie-banner .sm-txt {
	font-size: 12px;
}
	
#cb-cookie-banner .hover-underline {
	color: #fff;
}

ol.ol-counter {
	counter-reset: numList;
	list-style: none;
	padding-left: 30px !important;
}

ol.ol-counter li {
    position: relative
}

ol.ol-counter li:before {
    counter-increment: numList;
    content: counter(numList);

    float: left;
    position: absolute;
    left: -30px;
    
    font-weight: 500;
	font-size: 13px;
    text-align: center;
    color: #fff;
    line-height: 22px;
    
    width: 22px;
	height: 22px;
    background: var(--color-blue);
    
    -moz-border-radius: 999px;
    border-radius: 999px
}

@media (max-width: 1919.98px) {
	#cb-cookie-banner {
		background: var(--color-krouzky-06);
	}
}

@media (max-width: 1399.98px) {
	#cb-cookie-banner .container .row div:nth-child(2)>div {
		padding-left: 0;
	}
	
	#cb-cookie-banner p {
		font-size: 13px;
	}
}

#cookieconsent p,
#cookieconsent label {
	font-size: 14px;
}

#cookieconsent .modal-dialog {
	margin-top: var(--bs-modal-margin);
	margin-bottom: var(--bs-modal-margin);
}

#cookieconsent .modal-cookies-content {
	max-height: 60vh;
	overflow-y: auto;
	padding-left: 1rem;
	margin-left: -1rem;
}


@media (max-width: 767.98px) {
	#cookieconsent .modal-cookies-content {
		max-height: 40vh;
		overflow-y: scroll;
	}
}


/* =============================================================================
	CSS: Hover Animation
============================================================================= */
.hover-underline,
.hover-underline-default,
.hover-underline-orange {
	display: inline-block;
	position: relative;
}

.hover-underline::after,
.hover-underline-default::after,
.hover-underline-orange::after {
	content: '';
	position: absolute;
	width: 100%;
	transform: scaleX(0);
	height: 1px;
	bottom: 0;
	left: 0;
	background-color: #fff;
	transform-origin: bottom center;
	transition: transform 0.25s ease-out;
}

.hover-underline-default::after {
	background-color: var(--color-blue);
}

.hover-underline-orange::after {
	background-color: var(--color-orange);
}

.hover-underline:hover::after,
.hover-underline-default:hover::after,
.hover-underline-orange:hover::after {
	transform: scaleX(1);
	transform-origin: bottom center;
}

@media (max-width: 767.98px) {
	.hover-underline,
	.hover-underline-default,
	.hover-underline-orange	{
	  display: inline;
	  position: relative;
	}
}


/* =============================================================================
	Plugin: Page Transition
============================================================================= */
.page-transition {
	width: 100%;
	height: 0;
	position: fixed;
	z-index: 99;
	left: 0;
	bottom: 0;
	background: #ffffff;
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
	transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
	-webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
}

.page-transition.active {
    height: 100%;
}

.preloader figure:after {
	border-top: 1px solid #1f93c1;
}


/* =============================================================================
	Plugin: Nice Select - Add
============================================================================= */
.nice-select .list {
	max-height: 240px;
	overflow-y: auto;
	overflow-x: hidden;
}

.nice-select span.current {
	display:inline-block;
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
}


/* =============================================================================
	Plugin: Select2 - Add
============================================================================= */
.select2-container ul li {
	display: block !important;
}

.select2 {
	width:100%!important;
}

.select2-dropdown {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	border-radius: 12px !important;
	overflow: hidden;
	max-width: 282px;
}

.select2-dropdown.animated {
    animation-duration: 0.6s;
}

.select2-container .select2-selection--single,
.select2-container .select2-selection--multiple {
    min-height: 51px;
    padding: 12px 10px;
    background-color: #fff;
    border-color: #ccc;
    /*box-shadow: 0 1px 2px rgba(0,0,0,0.1);*/
    /*transition: box-shadow 0.3s ease-in;*/
    outline: 0 none;
	border-radius: 12px;
}

.select2-container .select2-selection--single .select2-selection__rendered,
.select2-container .select2-selection--multiple .select2-selection__rendered {
	font-size: 15px;
	line-height: 25px;
	color: var(--color-blue);
	font-weight: 500;
	padding-left: 0px;
	padding-right: 3px;
	text-align: left;
}

.camps .select2-container .select2-selection--single .select2-selection__rendered,
.camps .select2-container .select2-selection--multiple .select2-selection__rendered {
	color: var(--color-krouzky-02);
}
    
.select2-container .select2-selection--single .select2-selection__arrow,
.select2-container .select2-selection--multiple .select2-selection__arrow {
	top: 11px;
	transition: all 0.3s ease;
}
	
.select2-container .select2-selection--single .select2-selection__arrow b,
.select2-container .select2-selection--multiple .select2-selection__arrow b {
	border-top-color: #8a8a8a;
}
  
.select2-container--open .select2-selection__arrow {
    transform: rotate(180deg) !important;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    /* Original Values
	border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
	*/
    border-color: #888 transparent transparent transparent;
    border-width: 5px 4px 0 4px;
}


.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    /* Original Values
	border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
	*/
    border-color: #888 transparent transparent transparent;
    border-width: 5px 4px 0 4px;
}

.select2-container--default .select2-dropdown {
	border: 0;
	box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
}
  
.select2-container--default .select2-results > .select2-results__options {
	max-height: 205px;
}
  
.select2-container--default .select2-results__option {
	padding: 10px 15px;
	color: #444;
	font-size: 14px;
	line-height: 1.5;
	/*max-width: 320px;*/
}

.select2-container--default .select2-results__option.select2-results__option--highlighted[aria-selected] {
	background-color: #f6f6f6;
	color: #444;
}

.select2-container--default .select2-results__option.select2-results__option--selected[aria-selected] {
	background-color: #f6f6f6;
}
  
.select2-container--default .select2-selection--single .select2-selection__placeholder,
.select-day .select2-container .select2-selection--single .select2-selection__rendered {
	color: #777;
	font-weight: 300;
}

.select-day .select2-container--default .select2-selection--clearable .select2-selection__rendered {
	color: var(--color-blue);
	font-weight: 500;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
	color: #777;  
}

.select2-container--default .select2-search--dropdown {
	position: relative;
}

.select2-container--default .select2-search--dropdown:after {
	content: '\F52A';
	position: absolute;
	right: 15px;
	font-family: "bootstrap-icons";
	color: #ccc;
	font-size: 14px;
	top: 50%;
	transform: translateY(-55%);
	transition: all 0.5s ease;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #ccc;
	height: auto;
	padding: 10px;
	border-radius: 12px;
	color: #777;
	font-size: 14px;
	transition: all 0.5s ease;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
    border: 1px solid #0d6efd;
	outline: none;
	transition: all 0.5s ease;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset,
    0px 0px 6px rgba(13, 110, 253, 0.3);
}

.select2-container--default .select2-search--dropdown:focus-within:after {
	color: #0d6efd;
	transition: all 0.5s ease;
}

.banner-content .select2-container {
	border: 0;
}
	
.banner-content .select2-container .select2-selection--single {
	border: 0;
	padding-top: 11px;
	padding-bottom: 11px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: var(--color-blue-pale-03);
	min-height: 45px;
	border-radius: 23px;
}

.camps .banner-content .select2-container .select2-selection--single {
	background-color: var(--color-green-pale);
}

.banner-content .select2-container .select2-selection--single .select2-selection__rendered,
.banner-content .select2-container .select2-selection--multiple .select2-selection__rendered {
	line-height: 24px;
}
	
.banner-content .select2-container--default .select2-selection--multiple {
	border: 0;
	padding-left: 0;
	padding-right: 0;
}
	
.banner-content .select2-container--default.select2-container--focus .select2-selection--multiple {
	border: 0;
}

.banner-content .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.banner-content .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
	border: 1px solid var(--color-krouzky-01);
	border-radius: 23px;
}

.camps .banner-content .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.camps .banner-content .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
	border-color: var(--color-krouzky-02);
}


.banner-content .select2-container--default .select2-selection--single .select2-selection__placeholder,
.banner-content .select-day .select2-container .select2-selection--single .select2-selection__rendered {
    color: var(--color-krouzky-06);
}

.camps .select-day .select2-container .select2-selection--single.select2-selection--clearable .select2-selection__rendered,
.camps .select-day .select2-container .select2-selection--multiple.select2-selection--clearable .select2-selection__rendered {
	color: var(--color-krouzky-02);
}


.banner-content .select2-selection--clearable {
	border: 1px solid var(--color-krouzky-01) !important;
}

.camps .banner-content .select2-selection--clearable {
	border-color:var(--color-krouzky-02) !important;
}

.banner-content .select2-container .select2-selection--single .select2-selection__rendered,
.banner-content .select2-container .select2-selection--multiple .select2-selection__rendered {
	font-weight: 600 !important;
}

.banner-content .select2-container .select2-selection--single .select2-selection__arrow,
.banner-content .select2-container .select2-selection--multiple .select2-selection__arrow {
	right: 11px;
}

.banner-content .select2-container--default .select2-selection--single .select2-selection__clear {
	margin-right: 10px;
}


/*
.select2-results__option .wrap:before{
    font-family: Font Awesome 6 Pro;
    color:#999;
    content:"\f096";
    width:25px;
    height:25px;
    padding-right: 10px;

}
.select2-results__option[aria-selected=true] .wrap:before{
    content:"\f14a";
}
*/


/* =============================================================================
	Plugin: Own Bootstrap Sizes
============================================================================= */
.mb-n1 {
  margin-bottom: -0.25rem;
}

.mb-n2 {
  margin-bottom: -0.5rem;
}

.mb-n3 {
  margin-bottom: -1rem;
}

@media (min-width: 576px) {
    .w-sm-100 {
        width: 100% !important;
    }

    .w-sm-75 {
        width: 75% !important;
    }

    .w-sm-50 {
        width: 50% !important;
    }

    .w-sm-25 {
        width: 25% !important;
    }
	
	.w-sm-15 {
        width: 15% !important;
    }

    .h-sm-100 {
        height: 100% !important;
    }

    .h-sm-75 {
        height: 75% !important;
    }

    .h-sm-50 {
        height: 50% !important;
    }

    .h-sm-25 {
        height: 25% !important;
    }
}

@media (min-width: 768px) {
    .w-md-100 {
        width: 100% !important;
    }

    .w-md-75 {
        width: 75% !important;
    }

    .w-md-50 {
        width: 50% !important;
    }

    .w-md-25 {
        width: 25% !important;
    }

    .w-md-15 {
        width: 15% !important;
    }

    .h-md-100 {
        height: 100% !important;
    }

    .h-md-75 {
        height: 75% !important;
    }

    .h-md-50 {
        height: 50% !important;
    }

    .h-md-25 {
        height: 25% !important;
    }
}

@media (min-width: 992px) {
    .w-lg-100 {
        width: 100% !important;
    }

    .w-lg-75 {
        width: 75% !important;
    }

    .w-lg-50 {
        width: 50% !important;
    }

    .w-lg-25 {
        width: 25% !important;
    }

    .w-lg-15 {
        width: 15% !important;
    }

    .h-lg-100 {
        height: 100% !important;
    }

    .h-lg-75 {
        height: 75% !important;
    }

    .h-lg-50 {
        height: 50% !important;
    }

    .h-lg-25 {
        height: 25% !important;
    }
}

@media (min-width: 1200px) {
    .w-xl-100 {
        width: 100% !important;
    }

    .w-xl-75 {
        width: 75% !important;
    }

    .w-xl-50 {
        width: 50% !important;
    }

    .w-xl-25 {
        width: 25% !important;
    }

	.w-xl-15 {
        width: 15% !important;
    }

    .h-xl-100 {
        height: 100% !important;
    }

    .h-xl-75 {
        height: 75% !important;
    }

    .h-xl-50 {
        height: 50% !important;
    }

    .h-xl-25 {
        height: 25% !important;
    }
}


/* =============================================================================
	Plugin: Own Icons CSS
============================================================================= */
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon/icomoon.eot?bxxgo4');
  src:  url('../fonts/icomoon/icomoon.eot?bxxgo4#iefix') format('embedded-opentype'),
    url('../fonts/icomoon/icomoon.ttf?bxxgo4') format('truetype'),
    url('../fonts/icomoon/icomoon.woff?bxxgo4') format('woff'),
    url('../fonts/icomoon/icomoon.svg?bxxgo4#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="krouzky-icon-"], [class*=" krouzky-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.krouzky-icon-drama:before {
  content: "\e904";
}
.krouzky-icon-english:before {
  content: "\e905";
}
.krouzky-icon-english-2:before {
  content: "\e906";
}
.krouzky-icon-flute:before {
  content: "\e907";
}
.krouzky-icon-fun-sports:before {
  content: "\e908";
}
.krouzky-icon-guitar:before {
  content: "\e909";
}
.krouzky-icon-hip-hop:before {
  content: "\e90a";
}
.krouzky-icon-laboratory:before {
  content: "\e90b";
}
.krouzky-icon-moder-dance:before {
  content: "\e90c";
}
.krouzky-icon-cheerleader:before {
  content: "\e900";
}
.krouzky-icon-music:before {
  content: "\e901";
}
.krouzky-icon-newspaper:before {
  content: "\e902";
}
.krouzky-icon-robot:before {
  content: "\e903";
}

/*
.row-cols-7 > * {
  flex: 0 0 auto;
  width: 14.2857143%;
}

@media (min-width: 576px) {
  .row-cols-sm-7 > * {
    flex: 0 0 auto;
    width: 14.2857143%;
  }
}
@media (min-width: 768px) {
  .row-cols-md-7 > * {
    flex: 0 0 auto;
    width: 14.2857143%;
  }
}
@media (min-width: 992px) {
  .row-cols-lg-7 > * {
    flex: 0 0 auto;
    width: 14.2857143%;
  }
}
@media (min-width: 1200px) {
  .row-cols-xl-7 > * {
    flex: 0 0 auto;
    width: 14.2857143%;
  }
}
@media (min-width: 1400px) {
  .row-cols-xxl-7 > * {
    flex: 0 0 auto;
    width: 14.2857143%;
  }
}
*/


/* =============================================================================
	Plugin: Career Button
============================================================================= */
.career-btn .b_l_quad .btn_spots:nth-child(1) {padding: 5px;left: -13px;top: 50px;}.career-btn .b_l_quad .btn_spots:nth-child(2) {padding: 3px;left: -1px;top: 50px;}.career-btn .b_l_quad .btn_spots:nth-child(3) {padding: 3px;left: 11px;top: 50px;}.career-btn .b_l_quad .btn_spots:nth-child(4) {padding: 3px;left: 23px;top: 50px;}.career-btn .b_l_quad .btn_spots:nth-child(5) {padding: 4px;left: 35px;top: 50px;}.career-btn .b_l_quad .btn_spots:nth-child(6) {padding: 4px;left: 47px;top: 50px;}.career-btn .b_l_quad .btn_spots:nth-child(7) {padding: 4px;left: 59px;top: 50px;}.career-btn .b_l_quad .btn_spots:nth-child(8) {padding: 5px;left: 71px;top: 50px;}.career-btn .b_l_quad .btn_spots:nth-child(9) {padding: 5px;left: 83px;top: 50px;}.career-btn .b_l_quad .btn_spots:nth-child(10) {padding: 4px;left: 95px;top: 50px;}.career-btn .b_l_quad .btn_spots:nth-child(11) {padding: 4px;left: 107px;top: 50px;}.career-btn .b_l_quad .btn_spots:nth-child(12) {padding: 4px;left: 119px;top: 50px;}.career-btn .b_l_quad .btn_spots:nth-child(13) {padding: 4px;left: 131px;top: 50px;}.career-btn .b_l_quad .btn_spots:nth-child(14) {padding: 4px;left: 143px;top: 50px;}.career-btn .b_l_quad .btn_spots:nth-child(15) {padding: 3px;left: 155px;top: 50px;}.career-btn .b_l_quad .btn_spots:nth-child(16) {padding: 5px;left: 167px;top: 50px;}.career-btn .b_l_quad .btn_spots:nth-child(17) {padding: 3px;left: 179px;top: 50px;}.career-btn .b_l_quad .btn_spots:nth-child(18) {padding: 4px;left: 191px;top: 50px;}.career-btn .b_l_quad .btn_spots:nth-child(19) {padding: 4px;left: 203px;top: 50px;}.career-btn .b_l_quad .btn_spots:nth-child(20) {padding: 5px;left: 215px;top: 50px;}.career-btn .b_l_quad .btn_spots:nth-child(20) {padding: 4px;left: -15px;top: -12px;}.career-btn .b_l_quad .btn_spots:nth-child(21) {padding: 4px;left: -3px;top: -12px;}.career-btn .b_l_quad .btn_spots:nth-child(22) {padding: 5px;left: 9px;top: -12px;}.career-btn .b_l_quad .btn_spots:nth-child(23) {padding: 5px;left: 21px;top: -12px;}.career-btn .b_l_quad .btn_spots:nth-child(24) {padding: 4px;left: 33px;top: -12px;}.career-btn .b_l_quad .btn_spots:nth-child(25) {padding: 5px;left: 45px;top: -12px;}.career-btn .b_l_quad .btn_spots:nth-child(26) {padding: 5px;left: 57px;top: -12px;}.career-btn .b_l_quad .btn_spots:nth-child(27) {padding: 5px;left: 69px;top: -12px;}.career-btn .b_l_quad .btn_spots:nth-child(28) {padding: 3px;left: 81px;top: -12px;}.career-btn .b_l_quad .btn_spots:nth-child(29) {padding: 4px;left: 93px;top: -12px;}.career-btn .b_l_quad .btn_spots:nth-child(30) {padding: 4px;left: 105px;top: -12px;}.career-btn .b_l_quad .btn_spots:nth-child(31) {padding: 4px;left: 117px;top: -12px;}.career-btn .b_l_quad .btn_spots:nth-child(32) {padding: 4px;left: 129px;top: -12px;}.career-btn .b_l_quad .btn_spots:nth-child(33) {padding: 3px;left: 141px;top: -12px;}.career-btn .b_l_quad .btn_spots:nth-child(34) {padding: 4px;left: 153px;top: -12px;}.career-btn .b_l_quad .btn_spots:nth-child(35) {padding: 5px;left: 165px;top: -12px;}.career-btn .b_l_quad .btn_spots:nth-child(36) {padding: 3px;left: 177px;top: -12px;}.career-btn .b_l_quad .btn_spots:nth-child(37) {padding: 4px;left: 189px;top: -12px;}.career-btn .b_l_quad .btn_spots:nth-child(38) {padding: 4px;left: 201px;top: -12px;}.career-btn .b_l_quad .btn_spots:nth-child(39) {padding: 3px;left: 213px;top: -12px;}.career-btn .b_l_quad .btn_spots:nth-child(40) {padding: 4px;left: 225px;top: -12px;}.career-btn .b_l_quad .btn_spots:nth-child(40) {padding: 4px;left: 204px;top: -8px;}.career-btn .b_l_quad .btn_spots:nth-child(41) {padding: 5px;left: 204px;top: 4px;}.career-btn .b_l_quad .btn_spots:nth-child(42) {padding: 4px;left: 204px;top: 16px;}.career-btn .b_l_quad .btn_spots:nth-child(43) {padding: 4px;left: 204px;top: 28px;}.career-btn .b_l_quad .btn_spots:nth-child(44) {padding: 5px;left: 204px;top: 40px;}.career-btn .b_l_quad .btn_spots:nth-child(45) {padding: 4px;left: 204px;top: 52px;}.career-btn .b_l_quad .btn_spots:nth-child(46) {padding: 5px;left: 204px;top: 64px;}.career-btn .b_l_quad .btn_spots:nth-child(46) {padding: 5px;left: -10px;top: -16px;}.career-btn .b_l_quad .btn_spots:nth-child(47) {padding: 5px;left: -10px;top: -4px;}.career-btn .b_l_quad .btn_spots:nth-child(48) {padding: 3px;left: -10px;top: 8px;}.career-btn .b_l_quad .btn_spots:nth-child(49) {padding: 4px;left: -10px;top: 20px;}.career-btn .b_l_quad .btn_spots:nth-child(50) {padding: 3px;left: -10px;top: 32px;}.career-btn .b_l_quad .btn_spots:nth-child(51) {padding: 4px;left: -10px;top: 44px;}.career-btn .b_l_quad .btn_spots:nth-child(52) {padding: 5px;left: -10px;top: 56px;}

.career-btn .btn_spots {
    position: absolute;
    border-radius: 100px;
    background: green;
    opacity: 0;
    -webkit-animation: opacity 1s;
    animation: opacity 1s;
}
.career-btn .btn_spots:nth-of-type(1){transform-origin:84px 16px;background:#8d76d5;box-shadow:0 0 10px rgb(255 255 255 / .12);transition:all 1.3s}.career-btn .btn_spots:nth-of-type(2){transform-origin:84px 17px;background:#a9d477;box-shadow:0 0 10px rgb(255 255 255 / .12);transition:all 1.2s}.career-btn .btn_spots:nth-of-type(3){transform-origin:83px 15px;background:#d2cf79;box-shadow:0 0 10px rgb(255 255 255 / .12);transition:all 1.7s}.career-btn .btn_spots:nth-of-type(4){transform-origin:81px 10px;background:#7ad181;box-shadow:0 0 10px rgb(255 255 255 / .12);transition:all 1.5s}.career-btn .btn_spots:nth-of-type(5){transform-origin:83px 18px;background:#74d89c;box-shadow:0 0 10px rgb(255 255 255 / .12);transition:all 1.1s}.career-btn .btn_spots:nth-of-type(6){transform-origin:86px 15px;background:#7ad1c4;box-shadow:0 0 10px rgb(255 255 255 / .12);transition:all 2s}.career-btn .btn_spots:nth-of-type(7){transform-origin:88px 12px;background:#d17a83;box-shadow:0 0 10px rgb(255 255 255 / .12);transition:all 1.6s}.career-btn .btn_spots:nth-of-type(8){transform-origin:81px 14px;background:#c9d378;box-shadow:0 0 10px rgb(255 255 255 / .12);transition:all 1.7s}.career-btn .btn_spots:nth-of-type(9){transform-origin:86px 13px;background:#9274d8;box-shadow:0 0 10px rgb(255 255 255 / .12);transition:all 1.2s}.career-btn .btn_spots:nth-of-type(10){transform-origin:88px 15px;background:#7cccd0;box-shadow:0 0 10px rgb(255 255 255 / .12);transition:all 2s}.career-btn .btn_spots:nth-of-type(11){transform-origin:82px 18px;background:#74d8b5;box-shadow:0 0 10px rgb(255 255 255 / .12);transition:all 1.7s}.career-btn .btn_spots:nth-of-type(12){transform-origin:87px 11px;background:#7cd0a9;box-shadow:0 0 10px rgb(255 255 255 / .12);transition:all 1.3s}.career-btn .btn_spots:nth-of-type(13){transform-origin:80px 10px;background:#bed07c;box-shadow:0 0 10px rgb(255 255 255 / .12);transition:all 1.2s}.career-btn .btn_spots:nth-of-type(14){transform-origin:82px 11px;background:#d78775;box-shadow:0 0 10px rgb(255 255 255 / .12);transition:all 1.1s}.career-btn .btn_spots:nth-of-type(15){transform-origin:84px 16px;background:#897ad1;box-shadow:0 0 10px rgb(255 255 255 / .12);transition:all 1.2s}.career-btn .btn_spots:nth-of-type(16){transform-origin:86px 10px;background:#d3c978;box-shadow:0 0 10px rgb(255 255 255 / .12);transition:all 1.3s}.career-btn .btn_spots:nth-of-type(17){transform-origin:88px 14px;background:#9475d7;box-shadow:0 0 10px rgb(255 255 255 / .12);transition:all 1.8s}.career-btn .btn_spots:nth-of-type(18){transform-origin:82px 10px;background:#74d8c5;box-shadow:0 0 10px rgb(255 255 255 / .12);transition:all 1.1s}.career-btn .btn_spots:nth-of-type(19){transform-origin:81px 12px;background:#76d6ac;box-shadow:0 0 10px rgb(255 255 255 / .12);transition:all 1.3s}.career-btn .btn_spots:nth-of-type(20){transform-origin:82px 10px;background:#7bbed1;box-shadow:0 0 10px rgb(255 255 255 / .12);transition:all 1.3s}.career-btn .btn_spots:nth-of-type(21){transform-origin:86px 17px;background:#d1a97b;box-shadow:0 0 10px rgb(255 255 255 / .12);transition:all 1.3s}.career-btn .btn_spots:nth-of-type(22){transform-origin:81px 14px;background:#7bbed1;box-shadow:0 0 10px rgb(255 255 255 / .12);transition:all 2s}.career-btn .btn_spots:nth-of-type(23){transform-origin:82px 14px;background:#76d6cb;box-shadow:0 0 10px rgb(255 255 255 / .12);transition:all 1.4s}.career-btn .btn_spots:nth-of-type(24){transform-origin:80px 18px;background:#a179d2;box-shadow:0 0 10px rgb(255 255 255 / .12);transition:all 1.5s}.career-btn .btn_spots:nth-of-type(25){transform-origin:88px 13px;background:#c5d279;box-shadow:0 0 10px rgb(255 255 255 / .12);transition:all 1.2s}.career-btn .btn_spots:nth-of-type(26){transform-origin:88px 16px;background:#799ad2;box-shadow:0 0 10px rgb(255 255 255 / .12);transition:all 1.4s}.career-btn .btn_spots:nth-of-type(27){transform-origin:89px 14px;background:#a377d4;box-shadow:0 0 10px rgb(255 255 255 / .12);transition:all 1.1s}.career-btn .btn_spots:nth-of-type(28){transform-origin:87px 16px;background:#7bcbd1;box-shadow:0 0 10px rgb(255 255 255 / .12);transition:all 1.4s}.career-btn .btn_spots:nth-of-type(29){transform-origin:80px 14px;background:#d28479;box-shadow:0 0 10px rgb(255 255 255 / .12);transition:all 1.5s}.career-btn .btn_spots:nth-of-type(30){transform-origin:81px 10px;background:#b9d17a;box-shadow:0 0 10px rgb(255 255 255 / .12);transition:all 1.5s}.career-btn .btn_spots:nth-of-type(31){transform-origin:84px 15px;background:#797bd2;box-shadow:0 0 10px rgb(255 255 255 / .12);transition:all 1.4s}.career-btn .btn_spots:nth-of-type(32){transform-origin:85px 11px;background:#7b9fd1;box-shadow:0 0 10px rgb(255 255 255 / .12);transition:all 1.5s}.career-btn .btn_spots:nth-of-type(33){transform-origin:80px 14px;background:#75d7a6;box-shadow:0 0 10px rgb(255 255 255 / .12);transition:all 1.6s}.career-btn .btn_spots:nth-of-type(34){transform-origin:82px 15px;background:#d58b76;box-shadow:0 0 10px rgb(255 255 255 / .12);transition:all 1.3s}.career-btn .btn_spots:nth-of-type(35){transform-origin:85px 13px;background:#798ed2;box-shadow:0 0 10px rgb(255 255 255 / .12);transition:all 1.5s}.career-btn .btn_spots:nth-of-type(36){transform-origin:88px 11px;background:#79d1d2;box-shadow:0 0 10px rgb(255 255 255 / .12);transition:all 1.6s}.career-btn .btn_spots:nth-of-type(37){transform-origin:83px 16px;background:#c178d3;box-shadow:0 0 10px rgb(255 255 255 / .12);transition:all 2s}.career-btn .btn_spots:nth-of-type(38){transform-origin:80px 13px;background:#85d576;box-shadow:0 0 10px rgb(255 255 255 / .12);transition:all 1.6s}.career-btn .btn_spots:nth-of-type(39){transform-origin:81px 10px;background:#d17a7b;box-shadow:0 0 10px rgb(255 255 255 / .12);transition:all 1.1s}.career-btn .btn_spots:nth-of-type(40){transform-origin:85px 10px;background:#9074d8;box-shadow:0 0 10px rgb(255 255 255 / .12);transition:all 1.9s}.career-btn .btn_spots:nth-of-type(41){transform-origin:80px 15px;background:#d1a17a;box-shadow:0 0 10px rgb(255 255 255 / .12);transition:all 2s}.career-btn .btn_spots:nth-of-type(42){transform-origin:87px 14px;background:#d17b82;box-shadow:0 0 10px rgb(255 255 255 / .12);transition:all 2s}.career-btn .btn_spots:nth-of-type(43){transform-origin:89px 17px;background:#7c86d0;box-shadow:0 0 10px rgb(255 255 255 / .12);transition:all 1.6s}.career-btn .btn_spots:nth-of-type(44){transform-origin:81px 19px;background:#7ba1d1;box-shadow:0 0 10px rgb(255 255 255 / .12);transition:all 1.9s}.career-btn .btn_spots:nth-of-type(45){transform-origin:89px 18px;background:#76d6b3;box-shadow:0 0 10px rgb(255 255 255 / .12);transition:all 1.8s}.career-btn .btn_spots:nth-of-type(46){transform-origin:89px 14px;background:#c776d6;box-shadow:0 0 10px rgb(255 255 255 / .12);transition:all 1.9s}.career-btn .btn_spots:nth-of-type(47){transform-origin:89px 18px;background:#7587d7;box-shadow:0 0 10px rgb(255 255 255 / .12);transition:all 1.8s}.career-btn .btn_spots:nth-of-type(48){transform-origin:86px 10px;background:#d28479;box-shadow:0 0 10px rgb(255 255 255 / .12);transition:all 1.7s}.career-btn .btn_spots:nth-of-type(49){transform-origin:81px 15px;background:#c3d07c;box-shadow:0 0 10px rgb(255 255 255 / .12);transition:all 1.7s}.career-btn .btn_spots:nth-of-type(50){transform-origin:85px 12px;background:#769cd5;box-shadow:0 0 10px rgb(255 255 255 / .12);transition:all 1.7s}.career-btn .btn_spots:nth-of-type(51){transform-origin:85px 10px;background:#76d69e;box-shadow:0 0 10px rgb(255 255 255 / .12);transition:all 1.6s}.career-btn .btn_spots:nth-of-type(52){transform-origin:81px 17px;background:#78d38c;box-shadow:0 0 10px rgb(255 255 255 / .12);transition:all 1.1s}

a.career-btn_inner {
	position: relative;
	display: block;
	text-decoration: none;
	font-size: 14px;
	text-align: center;
	padding: 14px 33px;
	border: none;
	border-radius: 12px;
	background: var(--color-orange);
	text-transform: uppercase;
	transition: all ease-in-out 0.5s;
	color: #fff;
	z-index: 1;
	display: inline-block;
	box-shadow: 0px 17px 18px -14px rgba(0, 0, 0, 0.18);
}

.career-btn_inner:hover {
    background: var(--color-orange-5);
}

.career-btn_inner span.t {
    position: relative;
    top: 0px;
    opacity: 1;
    left: -5px;
    transition: left 0.4s 0.1s;
}

a.career-btn_inner:hover,
a.career-btn_inner:focus {
	color: #fff;
}

.career-btn_inner:hover span.t {
    left: 5px;
    transition: left 0.4s;
}

.career-btn_inner i.l {
    position: relative;
    left: 0px;
    top: 0px;
    opacity: 0;
    transition: left 0.3s 0s, top 0.3s 0s, opacity 0.3s 0s;
}

.career-btn_inner:hover i.l {
    top: 0px;
    opacity: 1;
    transition: left 0.3s 0s, top 0.3s 0.1s, opacity 0.3s 0.1s;
}

.career-btn_inner:hover .btn_spots:nth-of-type(1){-webkit-animation:spot-1 0.7s 0.3444444444s linear infinite;animation:spot-1 0.7s 0.3444444444s linear infinite}.career-btn_inner:hover .btn_spots:nth-of-type(2){-webkit-animation:spot-2 0.7s 0.4333333333s linear infinite;animation:spot-2 0.7s 0.4333333333s linear infinite}.career-btn_inner:hover .btn_spots:nth-of-type(3){-webkit-animation:spot-3 0.7s 0.7666666667s linear infinite;animation:spot-3 0.7s 0.7666666667s linear infinite}.career-btn_inner:hover .btn_spots:nth-of-type(4){-webkit-animation:spot-4 0.7s 1.1s linear infinite;animation:spot-4 0.7s 1.1s linear infinite}.career-btn_inner:hover .btn_spots:nth-of-type(5){-webkit-animation:spot-5 0.7s 1.2s linear infinite;animation:spot-5 0.7s 1.2s linear infinite}.career-btn_inner:hover .btn_spots:nth-of-type(6){-webkit-animation:spot-6 0.7s 1.05s linear infinite;animation:spot-6 0.7s 1.05s linear infinite}.career-btn_inner:hover .btn_spots:nth-of-type(7){-webkit-animation:spot-7 0.7s 0.18s linear infinite;animation:spot-7 0.7s 0.18s linear infinite}.career-btn_inner:hover .btn_spots:nth-of-type(8){-webkit-animation:spot-8 0.7s 0.8s linear infinite;animation:spot-8 0.7s 0.8s linear infinite}.career-btn_inner:hover .btn_spots:nth-of-type(9){-webkit-animation:spot-9 0.7s 0.38s linear infinite;animation:spot-9 0.7s 0.38s linear infinite}.career-btn_inner:hover .btn_spots:nth-of-type(10){-webkit-animation:spot-10 0.7s 0.98s linear infinite;animation:spot-10 0.7s 0.98s linear infinite}.career-btn_inner:hover .btn_spots:nth-of-type(11){-webkit-animation:spot-11 0.7s 0.5571428571s linear infinite;animation:spot-11 0.7s 0.5571428571s linear infinite}.career-btn_inner:hover .btn_spots:nth-of-type(12){-webkit-animation:spot-12 0.7s 1.05s linear infinite;animation:spot-12 0.7s 1.05s linear infinite}.career-btn_inner:hover .btn_spots:nth-of-type(13){-webkit-animation:spot-13 0.7s 0.3666666667s linear infinite;animation:spot-13 0.7s 0.3666666667s linear infinite}.career-btn_inner:hover .btn_spots:nth-of-type(14){-webkit-animation:spot-14 0.7s 0.88s linear infinite;animation:spot-14 0.7s 0.88s linear infinite}.career-btn_inner:hover .btn_spots:nth-of-type(15){-webkit-animation:spot-15 0.7s 0.94s linear infinite;animation:spot-15 0.7s 0.94s linear infinite}.career-btn_inner:hover .btn_spots:nth-of-type(16){-webkit-animation:spot-16 0.7s 0.3333333333s linear infinite;animation:spot-16 0.7s 0.3333333333s linear infinite}.career-btn_inner:hover .btn_spots:nth-of-type(17){-webkit-animation:spot-17 0.7s 0.44s linear infinite;animation:spot-17 0.7s 0.44s linear infinite}.career-btn_inner:hover .btn_spots:nth-of-type(18){-webkit-animation:spot-18 0.7s 1.1333333333s linear infinite;animation:spot-18 0.7s 1.1333333333s linear infinite}.career-btn_inner:hover .btn_spots:nth-of-type(19){-webkit-animation:spot-19 0.7s 0.9s linear infinite;animation:spot-19 0.7s 0.9s linear infinite}.career-btn_inner:hover .btn_spots:nth-of-type(20){-webkit-animation:spot-20 0.7s 0.94s linear infinite;animation:spot-20 0.7s 0.94s linear infinite}.career-btn_inner:hover .btn_spots:nth-of-type(21){-webkit-animation:spot-21 0.7s 0.8s linear infinite;animation:spot-21 0.7s 0.8s linear infinite}.career-btn_inner:hover .btn_spots:nth-of-type(22){-webkit-animation:spot-22 0.7s 0.68s linear infinite;animation:spot-22 0.7s 0.68s linear infinite}.career-btn_inner:hover .btn_spots:nth-of-type(23){-webkit-animation:spot-23 0.7s 0.3666666667s linear infinite;animation:spot-23 0.7s 0.3666666667s linear infinite}.career-btn_inner:hover .btn_spots:nth-of-type(24){-webkit-animation:spot-24 0.7s 0.3s linear infinite;animation:spot-24 0.7s 0.3s linear infinite}.career-btn_inner:hover .btn_spots:nth-of-type(25){-webkit-animation:spot-25 0.7s 0.6s linear infinite;animation:spot-25 0.7s 0.6s linear infinite}.career-btn_inner:hover .btn_spots:nth-of-type(26){-webkit-animation:spot-26 0.7s 1.04s linear infinite;animation:spot-26 0.7s 1.04s linear infinite}.career-btn_inner:hover .btn_spots:nth-of-type(27){-webkit-animation:spot-27 0.7s 0.5444444444s linear infinite;animation:spot-27 0.7s 0.5444444444s linear infinite}.career-btn_inner:hover .btn_spots:nth-of-type(28){-webkit-animation:spot-28 0.7s 0.1571428571s linear infinite;animation:spot-28 0.7s 0.1571428571s linear infinite}.career-btn_inner:hover .btn_spots:nth-of-type(29){-webkit-animation:spot-29 0.7s 0.8333333333s linear infinite;animation:spot-29 0.7s 0.8333333333s linear infinite}.career-btn_inner:hover .btn_spots:nth-of-type(30){-webkit-animation:spot-30 0.7s 1.0666666667s linear infinite;animation:spot-30 0.7s 1.0666666667s linear infinite}.career-btn_inner:hover .btn_spots:nth-of-type(31){-webkit-animation:spot-31 0.7s 1s linear infinite;animation:spot-31 0.7s 1s linear infinite}.career-btn_inner:hover .btn_spots:nth-of-type(32){-webkit-animation:spot-32 0.7s 0.2571428571s linear infinite;animation:spot-32 0.7s 0.2571428571s linear infinite}.career-btn_inner:hover .btn_spots:nth-of-type(33){-webkit-animation:spot-33 0.7s 1.1s linear infinite;animation:spot-33 0.7s 1.1s linear infinite}.career-btn_inner:hover .btn_spots:nth-of-type(34){-webkit-animation:spot-34 0.7s 0.55s linear infinite;animation:spot-34 0.7s 0.55s linear infinite}.career-btn_inner:hover .btn_spots:nth-of-type(35){-webkit-animation:spot-35 0.7s 1.0666666667s linear infinite;animation:spot-35 0.7s 1.0666666667s linear infinite}.career-btn_inner:hover .btn_spots:nth-of-type(36){-webkit-animation:spot-36 0.7s 0.9444444444s linear infinite;animation:spot-36 0.7s 0.9444444444s linear infinite}.career-btn_inner:hover .btn_spots:nth-of-type(37){-webkit-animation:spot-37 0.7s 0.4444444444s linear infinite;animation:spot-37 0.7s 0.4444444444s linear infinite}.career-btn_inner:hover .btn_spots:nth-of-type(38){-webkit-animation:spot-38 0.7s 0.4s linear infinite;animation:spot-38 0.7s 0.4s linear infinite}.career-btn_inner:hover .btn_spots:nth-of-type(39){-webkit-animation:spot-39 0.7s 1.3s linear infinite;animation:spot-39 0.7s 1.3s linear infinite}.career-btn_inner:hover .btn_spots:nth-of-type(40){-webkit-animation:spot-40 0.7s 0.2s linear infinite;animation:spot-40 0.7s 0.2s linear infinite}.career-btn_inner:hover .btn_spots:nth-of-type(40){-webkit-animation:spot-40 0.7s 0.68s linear infinite;animation:spot-40 0.7s 0.68s linear infinite}.career-btn_inner:hover .btn_spots:nth-of-type(41){-webkit-animation:spot-41 0.7s 1.05s linear infinite;animation:spot-41 0.7s 1.05s linear infinite}.career-btn_inner:hover .btn_spots:nth-of-type(42){-webkit-animation:spot-42 0.7s 1.08s linear infinite;animation:spot-42 0.7s 1.08s linear infinite}.career-btn_inner:hover .btn_spots:nth-of-type(43){-webkit-animation:spot-43 0.7s 1.1333333333s linear infinite;animation:spot-43 0.7s 1.1333333333s linear infinite}.career-btn_inner:hover .btn_spots:nth-of-type(44){-webkit-animation:spot-44 0.7s 0.3s linear infinite;animation:spot-44 0.7s 0.3s linear infinite}.career-btn_inner:hover .btn_spots:nth-of-type(45){-webkit-animation:spot-45 0.7s 0.8333333333s linear infinite;animation:spot-45 0.7s 0.8333333333s linear infinite}.career-btn_inner:hover .btn_spots:nth-of-type(46){-webkit-animation:spot-46 0.7s 0.5571428571s linear infinite;animation:spot-46 0.7s 0.5571428571s linear infinite}.career-btn_inner:hover .btn_spots:nth-of-type(46){-webkit-animation:spot-46 0.7s 0.8s linear infinite;animation:spot-46 0.7s 0.8s linear infinite}.career-btn_inner:hover .btn_spots:nth-of-type(47){-webkit-animation:spot-47 0.7s 0.65s linear infinite;animation:spot-47 0.7s 0.65s linear infinite}.career-btn_inner:hover .btn_spots:nth-of-type(48){-webkit-animation:spot-48 0.7s 0.5s linear infinite;animation:spot-48 0.7s 0.5s linear infinite}.career-btn_inner:hover .btn_spots:nth-of-type(49){-webkit-animation:spot-49 0.7s 0.4444444444s linear infinite;animation:spot-49 0.7s 0.4444444444s linear infinite}.career-btn_inner:hover .btn_spots:nth-of-type(50){-webkit-animation:spot-50 0.7s 0.35s linear infinite;animation:spot-50 0.7s 0.35s linear infinite}.career-btn_inner:hover .btn_spots:nth-of-type(51){-webkit-animation:spot-51 0.7s 1.04s linear infinite;animation:spot-51 0.7s 1.04s linear infinite}.career-btn_inner:hover .btn_spots:nth-of-type(52){-webkit-animation:spot-52 0.7s 0.9333333333s linear infinite;animation:spot-52 0.7s 0.9333333333s linear infinite}.career-btn_inner:hover .btn_spots:nth-of-type(53){-webkit-animation:spot-53 0.7s 0.4s linear infinite;animation:spot-53 0.7s 0.4s linear infinite}.career-btn_inner:hover .btn_spots:nth-of-type(54){-webkit-animation:spot-54 0.7s 0.7s linear infinite;animation:spot-54 0.7s 0.7s linear infinite}@-webkit-keyframes spot-1{from{opacity:0}to{transform:translateY(30px) translatex(-18px);opacity:.6}}@keyframes spot-1{from{opacity:0}to{transform:translateY(30px) translatex(-18px);opacity:.6}}@-webkit-keyframes spot-2{from{opacity:0}to{transform:translateY(30px) translatex(-16px);opacity:.6}}@keyframes spot-2{from{opacity:0}to{transform:translateY(30px) translatex(-16px);opacity:.6}}@-webkit-keyframes spot-3{from{opacity:0}to{transform:translateY(30px) translatex(-14px);opacity:.6}}@keyframes spot-3{from{opacity:0}to{transform:translateY(30px) translatex(-14px);opacity:.6}}@-webkit-keyframes spot-4{from{opacity:0}to{transform:translateY(30px) translatex(-12px);opacity:.6}}@keyframes spot-4{from{opacity:0}to{transform:translateY(30px) translatex(-12px);opacity:.6}}@-webkit-keyframes spot-5{from{opacity:0}to{transform:translateY(30px) translatex(-10px);opacity:.6}}@keyframes spot-5{from{opacity:0}to{transform:translateY(30px) translatex(-10px);opacity:.6}}@-webkit-keyframes spot-6{from{opacity:0}to{transform:translateY(30px) translatex(-8px);opacity:.6}}@keyframes spot-6{from{opacity:0}to{transform:translateY(30px) translatex(-8px);opacity:.6}}@-webkit-keyframes spot-7{from{opacity:0}to{transform:translateY(30px) translatex(-6px);opacity:.6}}@keyframes spot-7{from{opacity:0}to{transform:translateY(30px) translatex(-6px);opacity:.6}}@-webkit-keyframes spot-8{from{opacity:0}to{transform:translateY(30px) translatex(-4px);opacity:.6}}@keyframes spot-8{from{opacity:0}to{transform:translateY(30px) translatex(-4px);opacity:.6}}@-webkit-keyframes spot-9{from{opacity:0}to{transform:translateY(30px) translatex(-2px);opacity:.6}}@keyframes spot-9{from{opacity:0}to{transform:translateY(30px) translatex(-2px);opacity:.6}}@-webkit-keyframes spot-10{from{opacity:0}to{transform:translateY(30px) translatex(0);opacity:.6}}@keyframes spot-10{from{opacity:0}to{transform:translateY(30px) translatex(0);opacity:.6}}@-webkit-keyframes spot-11{from{opacity:0}to{transform:translateY(30px) translatex(2px);opacity:.6}}@keyframes spot-11{from{opacity:0}to{transform:translateY(30px) translatex(2px);opacity:.6}}@-webkit-keyframes spot-12{from{opacity:0}to{transform:translateY(30px) translatex(4px);opacity:.6}}@keyframes spot-12{from{opacity:0}to{transform:translateY(30px) translatex(4px);opacity:.6}}@-webkit-keyframes spot-13{from{opacity:0}to{transform:translateY(30px) translatex(6px);opacity:.6}}@keyframes spot-13{from{opacity:0}to{transform:translateY(30px) translatex(6px);opacity:.6}}@-webkit-keyframes spot-14{from{opacity:0}to{transform:translateY(30px) translatex(8px);opacity:.6}}@keyframes spot-14{from{opacity:0}to{transform:translateY(30px) translatex(8px);opacity:.6}}@-webkit-keyframes spot-15{from{opacity:0}to{transform:translateY(30px) translatex(10px);opacity:.6}}@keyframes spot-15{from{opacity:0}to{transform:translateY(30px) translatex(10px);opacity:.6}}@-webkit-keyframes spot-16{from{opacity:0}to{transform:translateY(30px) translatex(12px);opacity:.6}}@keyframes spot-16{from{opacity:0}to{transform:translateY(30px) translatex(12px);opacity:.6}}@-webkit-keyframes spot-17{from{opacity:0}to{transform:translateY(30px) translatex(14px);opacity:.6}}@keyframes spot-17{from{opacity:0}to{transform:translateY(30px) translatex(14px);opacity:.6}}@-webkit-keyframes spot-18{from{opacity:0}to{transform:translateY(30px) translatex(16px);opacity:.6}}@keyframes spot-18{from{opacity:0}to{transform:translateY(30px) translatex(16px);opacity:.6}}@-webkit-keyframes spot-19{from{opacity:0}to{transform:translateY(30px) translatex(18px);opacity:.6}}@keyframes spot-19{from{opacity:0}to{transform:translateY(30px) translatex(18px);opacity:.6}}@-webkit-keyframes spot-20{from{opacity:0}to{transform:translateY(30px) translatex(20px);opacity:.6}}@keyframes spot-20{from{opacity:0}to{transform:translateY(30px) translatex(20px);opacity:.6}}@keyframes spot-20{from{opacity:0}to{transform:translateY(-30px) translatex(-10px);opacity:.6}}@-webkit-keyframes spot-21{from{opacity:0}to{transform:translateY(-30px) translatex(-8px);opacity:.6}}@keyframes spot-21{from{opacity:0}to{transform:translateY(-30px) translatex(-8px);opacity:.6}}@-webkit-keyframes spot-22{from{opacity:0}to{transform:translateY(-30px) translatex(-6px);opacity:.6}}@keyframes spot-22{from{opacity:0}to{transform:translateY(-30px) translatex(-6px);opacity:.6}}@-webkit-keyframes spot-23{from{opacity:0}to{transform:translateY(-30px) translatex(-4px);opacity:.6}}@keyframes spot-23{from{opacity:0}to{transform:translateY(-30px) translatex(-4px);opacity:.6}}@-webkit-keyframes spot-24{from{opacity:0}to{transform:translateY(-30px) translatex(-2px);opacity:.6}}@keyframes spot-24{from{opacity:0}to{transform:translateY(-30px) translatex(-2px);opacity:.6}}@-webkit-keyframes spot-25{from{opacity:0}to{transform:translateY(-30px) translatex(0);opacity:.6}}@keyframes spot-25{from{opacity:0}to{transform:translateY(-30px) translatex(0);opacity:.6}}@-webkit-keyframes spot-26{from{opacity:0}to{transform:translateY(-30px) translatex(2px);opacity:.6}}@keyframes spot-26{from{opacity:0}to{transform:translateY(-30px) translatex(2px);opacity:.6}}@-webkit-keyframes spot-27{from{opacity:0}to{transform:translateY(-30px) translatex(4px);opacity:.6}}@keyframes spot-27{from{opacity:0}to{transform:translateY(-30px) translatex(4px);opacity:.6}}@-webkit-keyframes spot-28{from{opacity:0}to{transform:translateY(-30px) translatex(6px);opacity:.6}}@keyframes spot-28{from{opacity:0}to{transform:translateY(-30px) translatex(6px);opacity:.6}}@-webkit-keyframes spot-29{from{opacity:0}to{transform:translateY(-30px) translatex(8px);opacity:.6}}@keyframes spot-29{from{opacity:0}to{transform:translateY(-30px) translatex(8px);opacity:.6}}@-webkit-keyframes spot-30{from{opacity:0}to{transform:translateY(-30px) translatex(10px);opacity:.6}}@keyframes spot-30{from{opacity:0}to{transform:translateY(-30px) translatex(10px);opacity:.6}}@-webkit-keyframes spot-31{from{opacity:0}to{transform:translateY(-30px) translatex(12px);opacity:.6}}@keyframes spot-31{from{opacity:0}to{transform:translateY(-30px) translatex(12px);opacity:.6}}@-webkit-keyframes spot-32{from{opacity:0}to{transform:translateY(-30px) translatex(14px);opacity:.6}}@keyframes spot-32{from{opacity:0}to{transform:translateY(-30px) translatex(14px);opacity:.6}}@-webkit-keyframes spot-33{from{opacity:0}to{transform:translateY(-30px) translatex(16px);opacity:.6}}@keyframes spot-33{from{opacity:0}to{transform:translateY(-30px) translatex(16px);opacity:.6}}@-webkit-keyframes spot-34{from{opacity:0}to{transform:translateY(-30px) translatex(18px);opacity:.6}}@keyframes spot-34{from{opacity:0}to{transform:translateY(-30px) translatex(18px);opacity:.6}}@-webkit-keyframes spot-35{from{opacity:0}to{transform:translateY(-30px) translatex(20px);opacity:.6}}@keyframes spot-35{from{opacity:0}to{transform:translateY(-30px) translatex(20px);opacity:.6}}@-webkit-keyframes spot-36{from{opacity:0}to{transform:translateY(-30px) translatex(22px);opacity:.6}}@keyframes spot-36{from{opacity:0}to{transform:translateY(-30px) translatex(22px);opacity:.6}}@-webkit-keyframes spot-37{from{opacity:0}to{transform:translateY(-30px) translatex(24px);opacity:.6}}@keyframes spot-37{from{opacity:0}to{transform:translateY(-30px) translatex(24px);opacity:.6}}@-webkit-keyframes spot-38{from{opacity:0}to{transform:translateY(-30px) translatex(26px);opacity:.6}}@keyframes spot-38{from{opacity:0}to{transform:translateY(-30px) translatex(26px);opacity:.6}}@-webkit-keyframes spot-39{from{opacity:0}to{transform:translateY(-30px) translatex(28px);opacity:.6}}@keyframes spot-39{from{opacity:0}to{transform:translateY(-30px) translatex(28px);opacity:.6}}@-webkit-keyframes spot-40{from{opacity:0}to{transform:translateY(-30px) translatex(30px);opacity:.6}}@keyframes spot-40{from{opacity:0}to{transform:translateY(-30px) translatex(30px);opacity:.6}}@keyframes spot-40{from{opacity:0}to{transform:translateY(-6px) translatex(40px);opacity:.6}}@-webkit-keyframes spot-41{from{opacity:0}to{transform:translateY(-4px) translatex(40px);opacity:.6}}@keyframes spot-41{from{opacity:0}to{transform:translateY(-4px) translatex(40px);opacity:.6}}@-webkit-keyframes spot-42{from{opacity:0}to{transform:translateY(-2px) translatex(40px);opacity:.6}}@keyframes spot-42{from{opacity:0}to{transform:translateY(-2px) translatex(40px);opacity:.6}}@-webkit-keyframes spot-43{from{opacity:0}to{transform:translateY(0) translatex(40px);opacity:.6}}@keyframes spot-43{from{opacity:0}to{transform:translateY(0) translatex(40px);opacity:.6}}@-webkit-keyframes spot-44{from{opacity:0}to{transform:translateY(2px) translatex(40px);opacity:.6}}@keyframes spot-44{from{opacity:0}to{transform:translateY(2px) translatex(40px);opacity:.6}}@-webkit-keyframes spot-45{from{opacity:0}to{transform:translateY(4px) translatex(40px);opacity:.6}}@keyframes spot-45{from{opacity:0}to{transform:translateY(4px) translatex(40px);opacity:.6}}@-webkit-keyframes spot-46{from{opacity:0}to{transform:translateY(-7px) translatex(-40px);opacity:.6}}@keyframes spot-46{from{opacity:0}to{transform:translateY(-7px) translatex(-40px);opacity:.6}}@-webkit-keyframes spot-47{from{opacity:0}to{transform:translateY(-5px) translatex(-40px);opacity:.6}}@keyframes spot-47{from{opacity:0}to{transform:translateY(-5px) translatex(-40px);opacity:.6}}@-webkit-keyframes spot-48{from{opacity:0}to{transform:translateY(-3px) translatex(-40px);opacity:.6}}@keyframes spot-48{from{opacity:0}to{transform:translateY(-3px) translatex(-40px);opacity:.6}}@-webkit-keyframes spot-49{from{opacity:0}to{transform:translateY(-1px) translatex(-40px);opacity:.6}}@keyframes spot-49{from{opacity:0}to{transform:translateY(-1px) translatex(-40px);opacity:.6}}@-webkit-keyframes spot-50{from{opacity:0}to{transform:translateY(1px) translatex(-40px);opacity:.6}}@keyframes spot-50{from{opacity:0}to{transform:translateY(1px) translatex(-40px);opacity:.6}}@-webkit-keyframes spot-51{from{opacity:0}to{transform:translateY(3px) translatex(-40px);opacity:.6}}@keyframes spot-51{from{opacity:0}to{transform:translateY(3px) translatex(-40px);opacity:.6}}@-webkit-keyframes spot-52{from{opacity:0}to{transform:translateY(5px) translatex(-40px);opacity:.6}}@keyframes spot-52{from{opacity:0}to{transform:translateY(5px) translatex(-40px);opacity:.6}}@-webkit-keyframes spot-53{from{opacity:0}to{transform:translateY(7px) translatex(-40px);opacity:.6}}@keyframes spot-53{from{opacity:0}to{transform:translateY(7px) translatex(-40px);opacity:.6}}@-webkit-keyframes spot-54{from{opacity:0}to{transform:translateY(9px) translatex(-40px);opacity:.6}}@keyframes spot-54{from{opacity:0}to{transform:translateY(9px) translatex(-40px);opacity:.6}}@-webkit-keyframes opacity{to{opacity:0}}@keyframes opacity{to{opacity:0}}@-webkit-keyframes rotate{from{opacity:.8}to{transform:rotate(360deg);opacity:.8}}@keyframes rotate{from{opacity:.8}to{transform:rotate(360deg);opacity:.8}}@-webkit-keyframes down{from{left:10px}to{left:57px}}@keyframes down{from{left:10px}to{left:57px}}@-webkit-keyframes spew{from{opacity:0}to{opacity:.8}}@keyframes spew{from{opacity:0}to{opacity:.8}}@-webkit-keyframes final{from{opacity:1}to{opacity:0}}@keyframes final{from{opacity:1}to{opacity:0}}@-webkit-keyframes finalbox{to{width:50px}}@keyframes finalbox{to{width:50px}}@-webkit-keyframes tick{to{transform:scale(1) rotate(-90deg)}}@keyframes tick{to{transform:scale(1) rotate(-90deg)}}


.form-switch .form-check-input:indeterminate {
  background-color: var(--bs-form-check-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  background-position: center;
}

.form-switch .form-check-input.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
}


/* =============================================================================
	Layout: Account CSS
============================================================================= */
.account-information.sticky1 {
	top: 85px;
}

.account-information {
  text-align: center;
  -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.04);
          box-shadow: 0 10px 15px rgba(0, 0, 0, 0.04);
	background-color: #fff;
		position: sticky;
	top: 0;
	transition: all ease-in-out 0.2s;
}

.account-information .profile-thumb {
  padding: 20px;
}

.account-information .profile-thumb i {
  border-radius: 50%;
  margin-bottom: 15px;
}

.account-information .profile-thumb p {
  margin-bottom: 0;
  line-height: 1;
}

.account-information ul {
  padding-left: 0;
  margin-bottom: 0;
  text-align: left;
}

.account-information ul li {
  list-style: none;
  display: list-item;
}

.account-information ul li a {
	color: var(--nav-a-color);
	border-top: 1px solid #ddd;
	display: block;
	padding: 10px 20px;
	font-size: 15px;
	transition: all ease-in-out 0.3s;
}

.account-information ul li a:hover {
  background: var(--color-blue);
  color: #ffffff;
  transition: all ease-in-out 0s;
}

.account-information ul li:last-child a:hover,
.account-information ul li:last-child a.active {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.account-information ul li a.active {
  background: var(--color-blue);
  color: #ffffff;

}

.account-information ul li a i {
  margin-right: 5px;
}

.account-details {
  -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.04);
          box-shadow: 0 10px 15px rgba(0, 0, 0, 0.04);
  padding: 30px 30px;
  background-color: #fff;
}

.account-details h3 {
  margin-bottom: 15px;
}

.account-details form {
	margin-bottom: 30px;
	border-bottom: 2px dashed var(--color-grey-8);
	padding-bottom: 40px;
}

.account-details .col form {
  margin-bottom: 30px !important;
  border-bottom: 2px dashed var(--color-grey-8) !important;
  padding-bottom: 40px !important;
}

.account-details form .form-group {
  margin-bottom: 20px;
}

.account-details form .form-group label {
  font-size: 16px;
  margin-bottom: 10px;
}

.account-details form .form-group .form-control {
  height: 50px;
  padding: 10px 20px;
}

.account-details form .account-btn {
  font-size: 16px;
  background: #00cc99;
  padding: 5px 30px;
  color: #ffffff;
  margin-top: 10px;
  margin-right: 10px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-radius: 5px;
}

.account-details form .account-btn:hover {
  background: #231f20;
}

.account-details form:last-child {
  margin-bottom: 0;
  border-bottom: 0;
  padding-bottom: 0;
}

.account-details .col:last-child form {
	margin-bottom: 0 !important;
	border-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.account-details h4 span {
	color: var(--color-krouzky-01);
	font-weight: 600;
}

.account-details h4.account-title {
    cursor: pointer;
	position: relative;
}

.account-details a[aria-expanded="false"] h4.account-title {
	border-bottom: 2px dashed var(--color-grey-8);
	padding-bottom: 15px;
}

.account-details a[aria-expanded="true"] h4.account-title {
	border-bottom: 0;
}

.account-details .col:nth-last-child(2) a[aria-expanded="false"] h4.account-title {
	margin-bottom: 0;
	border-bottom: 0;
	padding-bottom: 0;
}


.account-details a[aria-expanded="false"] h4.account-title:before {
    content: '\f107';
    font-family: 'Font Awesome 6 Pro';
    color: #222;
    font-size: 20px;
    position: absolute;
    top: calc(50% - 7px);
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.account-details a[aria-expanded="true"] h4.account-title:before {
	content: '\f106';
    font-family: 'Font Awesome 6 Pro';
    color: #222;
    font-size: 20px;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.account-details table.user-list-applications td {
	font-size: 15px;
}

.account-details table.user-list-applications tr,
.com-div-md-3 table.user-list-applications tr,
.cart-box table.user-list-applications tr {
	transition: all ease-in-out 0.3s;
}

.account-details table.user-list-applications tbody tr:hover:not(.hiddenTr),
.com-div-md-3 table.user-list-applications tbody tr:hover {
	background: var(--color-light-2-blue);
	transition: all ease-in-out 0s;
}

.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

table.user-list-applications>tbody tr.even {
	background: #f9f9f980;
	cursor: pointer;
}

table.user-list-applications>tbody tr.odd {
	background: #fff;
	cursor: pointer;
}

td.hiddenRow {
    padding: 0 0 0 10px;
	border-bottom: 0;
}

td.hiddenRow table {
	border-left: 5px solid #cccccc;
}

.application-schedule thead th {
	font-size: 85%;
}

.account-details table.user-list-applications tbody tr td table.application-schedule tr:hover {
	background: var(--color-grey-10);
	transition: all ease-in-out 0s;
}

.toogle-schedule span.arrow {
	position: relative;
}

.toogle-schedule span[aria-expanded="false"] span.arrow:before {
    content: '\f107';
    font-family: 'Font Awesome 6 Pro';
    font-size: 15px;
    position: absolute;
    top: calc(50%);
    right: 0px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.toogle-schedule span[aria-expanded="true"] span.arrow:before {
	content: '\f106';
    font-family: 'Font Awesome 6 Pro';
    font-size: 15px;
    position: absolute;
    top: 50%;
    right: 0px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}



/* =============================================================================
	Layout: Registration form CSS
============================================================================= */
.registration-login-box {
	background-color: var(--color-light-2-blue);
}

.pass-progress {
	height: 5px;
	display: none;
}

.pass-eye .input-group-append .btn {
	border-top-left-radius: 0;
    border-bottom-left-radius: 0;
	height: 40px;
	background-color: #fff;
}

.pass-eye .input-group-append .btn:hover {
	background-color: var(--color-blue);
}

.application .select2-container .select2-selection--single,
.application .select2-container .select2-selection--multiple {
    min-height: 40px !important;
    padding: 12px 10px;
	border-radius: 10px;
	border: 1px solid var(--input-border-color);
	margin-top: -2px;
}

.application .no-clear .select2-container .select2-selection__clear {
	display: none;
}

.was-validated .custom-select:invalid + .select2 .select2-selection{
    border-color: #dc3545!important;
}
.was-validated .custom-select:valid + .select2 .select2-selection{
    border-color: #28a745!important;
}
*:focus{
  outline:0px;
}

.com-div-md-2 {
	background: #fff;
	padding: 25px;
}

.com-div-md-2 ul.list-group,
.com-div-md-3 ul.list-group {
	list-style-type: disc;
	padding-left: 2rem !important;
	margin-bottom: 0;
	padding-bottom: 0;
}
	
.com-div-md-2 ul.list-group li,
.com-div-md-3 ul.list-group li {
	display: list-item;
	font-size: 0.95rem;
	margin-bottom: 0.5rem;
}

.com-div-md-2 ul.list-group li:last-child,
.com-div-md-3 ul.list-group li:last-child {
	margin-bottom: 0;
}

.com-div-md-3 table.user-list-applications td {
	font-size: 14px;
}

.com-div-md-3 table.user-list-applications>tbody tr:first-child td {
	border-top: 1px solid #cccccc80;
}

.com-div-md-3 table.user-list-applications>tbody tr td:first-child {
	width: 45%;
}

.modal-btn-close {
	position: absolute;
	top: 20px;
	right: 20px;
}

.modal-btn-close-2 {
	position: absolute;
	top: -20px;
	right: -20px;
	background-color: #fff;
	padding: 10px;
	--bs-btn-close-opacity: 1;
	--bs-btn-close-hover-opacity: 1;
	border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
}

.select2-smaller .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 16px !important;
	margin-top: -1px !important;
}


@media (max-width: 991.98px) {
	.registration-login-box {
		background-color: transparent !important;
	}
}

.modal .alert p {
	margin: 0;
}

form#verify_code input {
	width: 80px;
	font-weight: bold !important;
}


/* =============================================================================
	Layout: e-shop
============================================================================= */
.eshop h2 {
	color: var(--color-blue);
}

.eshop h2>span:first-child {
	font-weight: 300;
	color: var(--color-black);
}

.eshop .item-price {
	color: var(--color-blue);
	font-size: 1.5rem;
	font-weight: 500;
}

.color-radios div {
    display: inline-block;
}

.eshop-item-detail .color-radios div {
	margin-right: 0.3rem;
}

.eshop-item-detail .border-b-item {
	border-bottom: 1px solid #D9DEE8;
}

.eshop-item-detail .border-t-item {
	border-top: 1px solid #D9DEE8;
}

.eshop-item-detail .color-radios div:last-child {
	margin-right: 0rem;
}

@media (max-width: 991.98px) {
	.eshop-item-detail .color-radios div {
		margin-right: 0rem;
	}
}

.color-radios input[type="radio"] {
    display: none;
}

.color-radios input[type="radio"] + label span {
	display: inline-block;
	width: 34px;
	height: 34px;
	margin: 0;
	cursor: pointer;
	border-radius: 50%;
	border: 3px solid var(--bs-border-color);
	display: flex;
	align-items: center;
	justify-content: center;
}   

.color-radios input[type="radio"] + label span i {
	opacity: 0;
	transition: all .3s ease;
}

.color-radios input[type="radio"]:checked + label span i {
	opacity: 1;
}

.color-radios .eshop-color-1 span,
.color-radios .eshop-color-10 span {
	background-color: #293243;
}

.color-radios .eshop-color-2 span,
.color-radios .eshop-color-5 span {
	background-color: #ffffff;
}

.color-radios .eshop-color-1 span i,
.color-radios .eshop-color-6 span i,
.color-radios .eshop-color-7 span i,
.color-radios .eshop-color-8 span i,
.color-radios .eshop-color-9 span i,
.color-radios .eshop-color-10 span i {
	color: #fff;
}

.color-radios .eshop-color-2 span i,
.color-radios .eshop-color-5 span i {
	color: var(--color-black);
}

.color-radios .eshop-color-6 span {
	background-color: #c8222e;
}

.color-radios .eshop-color-7 span {
	background-color: #18367e;
}

.color-radios .eshop-color-8 span {
	background-color: #009b85;
}

.color-radios .eshop-color-9 span {
	background-color: #000000;
}

.color-tooltip {
  --bs-tooltip-bg: var(--color-blue);
}

.eshop-cart-float {
    position: fixed;
    right: 0;
    top: 25%;
    width: 160px;
    background-color: var(--color-blue);
    color: #fff;
    z-index: 100;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}

.eshop-cart-float:hover,
.eshop-cart-float:focus {
	background: var(--color-light-blue);
	transition: all 0.4s ease;
}

.eshop-cart-float .cart-img {
    display: inline-block;
    width: 36%;
	padding-left: 8px;
}

.eshop-cart-float .cart-inside {
    display: inline-block;
    width: 64%;
}
.eshop-cart-float .cart-inside span {
    font-size: 14px;
}

@media (max-width: 767.98px) {
	.eshop-cart-float {
		top: auto;
		position: fixed;
		bottom: 0;
		width: 100%;
		background-color: var(--color-blue);
		color: #fff;
		z-index: 100;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
		display: inline-block;
	}
	
	.eshop-cart-float .cart-img {
		width: auto;
		padding-left: 0;
		padding-right: 8px;
	}

	.eshop-cart-float .cart-img i {
		font-size: 16px !important;
	}
	
	.eshop-cart-float .cart-inside {
		width: auto;
	}
}

.cart-box table.user-list-applications td {
	font-size: 15px;
	/*vertical-align: middle !important;*/
}

.cart-box table.user-list-applications td.cart-img img {
	width: 3rem;
}

@media (max-width: 767.98px) {
	.cart-box table.user-list-applications td.cart-img img {
		width: 8rem;
	}
}

.cart-box table.user-list-applications>tbody tr:first-child td {
	padding-top: 0;
}

.cart-box table.user-list-applications>tbody tr:last-child td {
	border-bottom: 0;
}

.cart-box table.user-list-applications>tfoot tr:first-child td {
	border-top: 1px dashed #cccccc;
}

.cart-box table.user-list-applications>tfoot tr:last-child td {
	padding-bottom: 0;
}

.cart-box table.user-list-applications>tfoot tr {
	background: none;	
}

.cart-box table.user-list-applications>tfoot tr td {
	border-bottom: 0;
	background: none;
}

.cart-box table.user-list-applications>tfoot tr.border-b-cart td {
	border-bottom: 1px dashed #cccccc;
}

a.delete {
	transition: all ease-in-out 0.3s;
}

a.delete:hover,
a.delete:focus {
	color: var(--color-krouzky-05);
	transition: 0;
}

div#billing-address-wrap {
	display: none;
}

@media (max-width: 991.98px) {
	.cart-box div.payment label.payment-label {
		margin-bottom: -0.5rem;
	}
}

.cards-verified img {
	height: 40px;
}

.eshop-slider {
	border-radius: 20px;
}

.eshop-slider .swiper-slide {
	
}

.eshop-subfilter {
	color: var(--color-krouzky-06);
}

.eshop-subfilter .list-tags-banner a {
	background-color: #f5f5f5;
	color: var(--color-krouzky-06);
}

.eshop-subfilter .list-tags-banner a:hover,
.eshop-subfilter .list-tags-banner a:focus,
.eshop-subfilter .list-tags-banner a.active {
	background: var(--color-krouzky-01);
	color: #fff;
	transform: none;
}

. {
	
}

@media (max-width: 767.98px) {
	.eshop-subfilter-items {
		row-gap: 0;
		margin-top: 1rem;
	}

	.eshop-subfilter-items > * {
		flex: 0 0 48%;
	}
 
  	.eshop-subfilter.list-results {
		text-align: center;
	}
}

@media (min-width: 768px) {
  .eshop-subfilter-items > * { flex: 0 0 auto; margin-bottom: 0; }
}

.eshop-slider .swiper-button-next,
.eshop-slider .swiper-button-prev {
	color: #fff;
}

.eshop-slider .swiper-button-next::after,
.eshop-slider .swiper-button-prev::after {
	font-size: 20px;
	line-height: 20px;
}


/* =============================================================================
	Layout: Eshop - Item detail
============================================================================= */
.eshop-item-detail .image-eshop-detail {
	position: relative;
	overflow: hidden;
	height: 30rem;
	border-radius: 20px;
}

@media (max-width: 575.98px) {
	.eshop-item-detail .image-eshop-detail {
		height: 20rem;
		border-radius: 20px;
	}
}

.eshop-item-detail .image-eshop-detail-mini {
	position: relative;
	overflow: hidden;
	aspect-ratio: 1 / 1;
	border-radius: 20px;
}

.eshop-item-detail .image-eshop-detail.type_1,
.eshop-item-detail .image-eshop-detail-mini.type_1 {
	background-color: #d4e5f9;
}

.eshop-item-detail .image-eshop-detail.type_2,
.eshop-item-detail .image-eshop-detail-mini.type_2 {
	background-color: #def6e9;
}

.eshop-item-detail .image-eshop-detail img,
.eshop-item-detail .image-eshop-detail-mini img {
	position: absolute;
	object-fit: contain;
	width: 100%;
	height: 100%;
}


/* =============================================================================
	Layout: Quiz
============================================================================= */
@media (min-width: 992px) {
	.quiz .card {
		width: 60%;
		margin-left: auto;
		margin-right: auto;
	}
}

.quiz-radio-scale {
    margin: 0px auto;
    width: 100%;
    display: flex;
}

.quiz-radio-scale>label:not(:last-child) {
    margin-right: 4px;
}

.quiz-radio-scale>label {
    position: relative;
    transition: 0.1s;
    width: calc(11.11% - 3.6px);
    color: var(--font-color-basic);
    background: #fdfdfd;
}

.quiz-radio-scale>label>input {
    position: absolute;
    cursor: pointer;
    margin: 0px;
    opacity: 0;
    width: 100%;
    height: 100%;
}

.quiz-radio-scale>label>label {
    width: 100%;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    line-height: 20px;
    padding: 15px 0px;
	margin-bottom: 0;
}

@media (max-width: 575.98px) {
	.quiz-radio-scale>label>label {
		padding: 5px 0px;
	}
}

.quiz-scale-note {
    margin-top: 4px;
    color: rgba(17, 17, 17, 0.5);
    font-size: 13px;
    line-height: 16px;
}

.quiz-radio-scale>label:hover,
.quiz-radio-scale>label:focus,
.quiz-radio-scale>label:has(>input[type="radio"]:checked) {
	background-color: var(--color-light-2-blue);
    border: 1px solid var(--border-blue-2) !important;
	color: var(--color-blue);
}

.quiz-radio-scale>label input[type="radio"]:checked+div{
	font-weight: bold;
	color: var(--color-blue);
}


.was-validated .quiz-radio-scale>label:has(>input[type="radio"]:invalid) {
	border: 1px solid var(--bs-form-invalid-color) !important;
}

.was-validated .quiz-radio-scale>label:has(>input[type="radio"]:valid) {
	/*border: 1px solid var(--bs-form-valid-color) !important;*/
}


/* =============================================================================
	Layout: Photogallery in Krouzky
============================================================================= */
.activities-photogallery {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
	padding-top: 3rem;
	padding-bottom: 6rem;
}

.activities-photogallery:before {
	content: '';
	position: absolute;
	left: 0;
	top: -1%;
	width: 102%;
	height: 102%;
	background: url(../images/krouzky/foto6.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	filter: blur(1px);
	-webkit-filter: blur(1px);
	opacity: 0.15;
}

.activities-photogallery h2,
.activities-photogallery h5,
.activities-photogallery p {
	text-shadow: 1px 1px 2px #00000025;
}

.activities-photogallery .our-values-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
}

.activities-photogallery .our-values-wrapper .our-values-content {
	position: relative;
	width: 95%;
	overflow: hidden;
	border-radius: 50%;
	transition: 0.6s;
	box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.06);
	/*background-color: #ffffff50;*/
	border: 8px solid #ffffff50;
}

/* Fake content for size */
.activities-photogallery .our-values-wrapper .our-values-content:before {
	display: block;
	padding-bottom: 100%;
	content: '';
}

.activities-photogallery .our-values-content img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	object-fit: cover;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	transform: translate(-50%, -50%);
	transition: all ease-in-out 0.3s;
}

.our-values-wrapper:hover img {
	transform: translate(-50%, -50%) scale(1.15);
	transition: all ease-in-out 0.3s;
}


@media (max-width: 1199.98px) {
	.activities-photogallery .our-values-wrapper .our-values-content {
		width: 100%;
	}
}

@media (max-width: 991.98px) {
	.activities-photogallery .our-values-wrapper .our-values-content {
		width: 95%;
	}
}

@media (max-width: 767.98px) {
	.activities-photogallery {
		padding-top: 1.5rem;
		padding-bottom: 3rem;
	}
	
	.activities-photogallery .our-values-wrapper .our-values-content {
		width: 80%;
	}
}

@media (max-width: 575.98px) {
	.activities-photogallery .our-values-wrapper .our-values-content {
		width: 60%;
	}
}


/* =============================================================================
	Layout: Photogallery in Krouzky
============================================================================= */
.photogallery-wrap h1,
.photogallery-wrap h2 {
	color: var(--color-blue);
}

.photogallery-wrap h1>span:first-child,
.photogallery-wrap h2>span:first-child {
	font-weight: 300;
	color: var(--color-black);
}

.photogallery-wrap .photogallery-item {
	transition: all ease-in-out .5s;
	border: 1px solid var(--border-grey);
	background: #fff;
	position: relative;
	overflow: hidden;
}

.photogallery-wrap .photogallery-item:hover {
	transition: all ease-in-out 0.5s;
	transform: translateY(-8px);
}

.photogallery-wrap .photogallery-item .card-img-top {
    width: 100%;
    height: 11rem;
    object-fit: cover;
}

.photogallery-wrap .photogallery-item p.card-text {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
	/*
	height: 3rem;
	min-height: 3rem;
	display: -webkit-box;
	*/
}

.btn-check.form-check-input.is-invalid~.form-check-label,
.was-validated .btn-check.form-check-input:invalid~.form-check-label {
    border: 1px dashed var(--bs-form-invalid-color);
}

.btn-check.form-check-input.is-valid~.form-check-label,
.was-validated .btn-check.form-check-input:valid+.form-check-label {
	color: var(--bs-form-valid-color);
	border-color: var(--bs-form-valid-color);
	background-color: var(--bs-btn-active-color);
}

.btn-check.form-check-input.is-valid~.form-check-label,
.was-validated .btn-check.form-check-input:checked:valid+.form-check-label {
	color: var(--bs-btn-active-color);
	border-color: var(--bs-form-valid-color);
	background-color: var(--bs-form-valid-color);
}

.d-none-soft {
	display: none;
}

.cw-20 {
	width: 20%;
}

@media (max-width: 575.98px) {
	.cw-20 {
		width: 100%;
	}
}

.rounded-0 {
	border-radius: 0 !important;
}

.subfilter {
	color: var(--color-krouzky-06);
}

.subfilter .list-tags-banner a {
	background-color: #f5f5f5;
	color: var(--color-krouzky-06);
}

.subfilter .list-tags-banner a:hover,
.subfilter .list-tags-banner a:focus,
.subfilter .list-tags-banner a.active {
	background: var(--color-krouzky-02);
	color: #fff;
	transform: none;
}


/* =============================================================================
	Layout: Order sent
============================================================================= */
.box-next-step {
	position: relative;
	display: flex;
	padding: 45px 25px 25px 25px;
	border: 1px solid var(--color-blue-pale-05);
	transition: .2s ease-in-out;
	border-radius: 20px;
	transform: translate3d(0, 0, 0);
	background: var(--color-blue-pale-05);
	/*overflow: hidden;*/
}

.box-next-step.camps {
	border: 1px solid var(--color-green-pale-02);
	background: var(--color-green-pale-02);
}

.box-next-step,
.box-next-step:active,
.box-next-step:focus,
.box-next-step:hover {
	color: var(--font-color-basic);
}

.box-next-step p + p {
	margin-top: 3px;
}

.box-next-step .box-icon-steps {
	width: 78px;
	height: 78px;
	position: absolute;
	z-index: 2;
	top: -39px;
	left: 20px;
	background: var(--color-krouzky-01);
	transition: transform 0.5s ease;
}

.box-next-step.camps .box-icon-steps {
	background: var(--color-krouzky-02);
}

.box-next-step .box-icon-steps img {
	width: 45px;
}

.box-next-step::before,
.box-next-step::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	border: 1px solid var(--color-krouzky-01);
	border-radius: 20px;
	transition: .25s ease-out;
	will-change: transform;
	contain: paint;
}

.box-next-step.camps::before,
.box-next-step.camps::after {
	border: 1px solid var(--color-krouzky-02);
}

.box-next-step::before,
.box-next-step.camps::before {
	transform: scale3d(0, 1, 1);
	border-width: 1px 0 1px 0;
}

.box-next-step::after,
.box-next-step.camps::after {
	transform: scale3d(1, 0, 1);
	border-width: 0 1px 0 1px;
}

.box-next-step:hover {
	border-color: #fff;
	background: #fff;
}

.box-next-step:hover .box-icon-steps {
	animation: shake 0.3s;
}

.box-next-step:hover::before,
.box-next-step:hover::after {
	transform: scale3d(0.9999, 0.9999, 0.9999);
}

.box-next-step-inner {
	width: 100%;
	margin-top: 1rem;
	flex-shrink: 0;
}

.box-next-step-inner {
	display: flex;
	flex-direction: column;
	position: relative;
	z-index: 2;
	/*align-items: center;*/
	/*justify-content: center;*/
}

.box-next-step-inner p {
	margin-bottom: 0;
}

.box-next-step-inner h3 {
	font-weight:400;
	letter-spacing: -1px;
	font-size: 1.3rem;
	margin-top: 8px;
}

@media (max-width: 575.98px) {
	.box-next-step {
		max-width: 280px;
		margin-left: auto;
		margin-right: auto;
	}
}


/* =============================================================================
	Layout: Google Review Card
============================================================================= */
.review-card {
	display: inline-block;
	text-align: center;
	border-radius: 20px;
	width: 100%;
	max-width:350px;
	padding: 16px 20px;
	background: var(--color-blue-pale-05);
}

.review-card svg.google-logo {
	width: 28px;
	height: 28px;
	margin-bottom: 0.5rem;
}

h4#google-rating-value {
	margin-top: 2px;
}

.stars {
	display: flex;
	gap: 1px;
	align-items: center;
}

.star {
	position: relative;
	width: 22px;
	height: 22px;
}

.star svg {
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 1px;
	left: 0;
}

.star .fill {
	fill: #fbbc05;
	clip-path: inset(0 0 0 0);
}

.star .empty {
	fill: #dcdcdc;
}

a.reviews-link {
	text-decoration: none;
	color: #5f6368;
}

a.reviews-link:hover {
	text-decoration: underline;
}