body {
	background: #fff;
	/* background: red; */
	color: #696d7d;
	font-family: Roboto, sans-serif;
	font-size: 1em;
	line-height: 1.75;
	overflow-x: hidden;
}
#loading{
	background: #ffffff;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10000;
}


* {
    scrollbar-width: thin; /* Firefox */
    scrollbar-color: #f79f77 transparent; /* Firefox */
}
main{
	padding-top: 60px;
}

.anchor{
  scroll-margin-top: 50px; 
}

.container, div[class^="container-"]{
	padding: 80px 25px;
}
.container-fluid.bg-color{
	background-color: #FEF5F1;
}
.container-fluid.bg-1{
	background-image: url(/assets/img/bg-1.webp);
	background-position: center center;
	background-repeat: repeat-x;
	background-size: auto 100%;
}
.container.bg-2, div[class^="container-"].bg-2{
	background-image: url(/assets/img/bg-2.webp);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding: 50px;
}

a, a h1, a h2, a h3, a h4, a h5, a h6 {
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
}
h1, h2, h3, h4, h5, h6{
	font-family: "Balsamiq Sans", sans-serif;
	color: #13293d;
}
h1{margin: 0;}
p {
	margin: 1em 0;
	line-height: 1.66em;
}
blockquote {
	position: relative;
	font-style: italic;
	font-family: Balsamiq Sans, sans-serif;
	background: #f7f7f7;
	color: #696d7d;
	padding: 1.875em;
	border-radius: .25em;
	width: 100%;
	border-left: .313em solid #80bef5;
	margin: 1.875em auto;
	font-size: 1.125em;
}
a {
	box-shadow: none;
	text-decoration: none;
	color: #f79f77;
}
ol, ol ol, ul {
	padding-left: 1.563em;
}
dl, ol, ul {
	margin-top: 0;
	margin-bottom: 1rem;
}
pre {
	background: #fff;
	color: #696d7d;
	padding: 1em;
	border: .063em solid #f79f77;
}

















/*--------------*/

/* .btn.theme.danger { */
	/* background-color: #ff4471; */
	
/* } */

.btn.theme-warning {
	display: inline-block;
	position: relative;
	font-family: "Balsamiq Sans", sans-serif;
	font-size: 1em;
	font-style: italic;
	font-weight: 700;
	color: #fff;
	letter-spacing: 0.188em;
	background-color: #f79f77;
	padding: 1.15em 2em;
	/* text-transform: capitalize; */
	cursor: pointer;
	border: none;
	z-index: 2;
	border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	-moz-border-radius: 0.25em;
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
}


.btn.theme-warning.btn-sm {
	font-size: 0.8em;
	padding: 1.15em 2em;
}
.btn.theme-warning.btn-lg {
	font-size: 1.2em;
	padding: 1.35em 2.3em;
}
.btn.theme-warning:hover, .btn.theme-warning:active {
	color: #fff !important;
	background-color: #f79f77 !important;
	border: none !important;
}
.btn.theme-warning:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: -webkit-gradient(linear, left top, right top, color-stop(50%, #f79f77), color-stop(50%, transparent)), -webkit-gradient(linear, left top, right top, color-stop(50%, #f79f77), color-stop(50%, transparent)), -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f79f77), color-stop(50%, transparent)), -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f79f77), color-stop(50%, transparent));
	background: linear-gradient(90deg, #f79f77 50%, transparent 0), linear-gradient(90deg, #f79f77 50%, transparent 0), linear-gradient(0deg, #f79f77 50%, transparent 0), linear-gradient(0deg, #f79f77 50%, transparent 0);
	background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
	background-size: .875em .125em, .875em .125em, .125em .875em, .125em .875em;
	background-position: 0 0, 100% 100%, 0 100%, 100% 0;
	border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	-moz-border-radius: 0.25em;
	-webkit-transform: translateX(.375em) translateY(.375em);
	transform: translateX(.375em) translateY(.375em);
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
}
.btn.theme-warning:hover:after {
	-webkit-animation: iqonicbuttonanmation 5s linear infinite;
	animation: iqonicbuttonanmation 5s linear infinite;
	-webkit-transform: translateX(-.375em) translateY(-.375em);
	transform: translateX(-.375em) translateY(-.375em);
}


/*--------------*/

















/*--------------*/

/* .btn.theme.danger { */
	/* background-color: #ff4471; */
	
/* } */

.btn.theme-danger {
	display: inline-block;
	position: relative;
	font-family: "Balsamiq Sans", sans-serif;
	font-size: 1em;
	font-style: italic;
	font-weight: 700;
	color: #fff;
	letter-spacing: 0.188em;
	background-color: #ff4471;
	padding: 1.15em 2em;
	/* text-transform: capitalize; */
	cursor: pointer;
	border: none;
	z-index: 2;
	border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	-moz-border-radius: 0.25em;
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
}


.btn.theme-danger.btn-sm {
	font-size: 0.8em;
	padding: 1.15em 2em;
}
.btn.theme-danger.btn-lg {
	font-size: 1.2em;
	padding: 1.35em 2.3em;
}
.btn.theme-danger:hover, .btn.theme-danger:active {
	color: #fff !important;
	background-color: #ff4471 !important;
	border: none !important;
}
.btn.theme-danger:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: -webkit-gradient(linear, left top, right top, color-stop(50%, #ff4471), color-stop(50%, transparent)), -webkit-gradient(linear, left top, right top, color-stop(50%, #ff4471), color-stop(50%, transparent)), -webkit-gradient(linear, left bottom, left top, color-stop(50%, #ff4471), color-stop(50%, transparent)), -webkit-gradient(linear, left bottom, left top, color-stop(50%, #ff4471), color-stop(50%, transparent));
	background: linear-gradient(90deg, #ff4471 50%, transparent 0), linear-gradient(90deg, #ff4471 50%, transparent 0), linear-gradient(0deg, #ff4471 50%, transparent 0), linear-gradient(0deg, #ff4471 50%, transparent 0);
	background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
	background-size: .875em .125em, .875em .125em, .125em .875em, .125em .875em;
	background-position: 0 0, 100% 100%, 0 100%, 100% 0;
	border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	-moz-border-radius: 0.25em;
	-webkit-transform: translateX(.375em) translateY(.375em);
	transform: translateX(.375em) translateY(.375em);
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
}
.btn.theme-danger:hover:after {
	-webkit-animation: iqonicbuttonanmation 5s linear infinite;
	animation: iqonicbuttonanmation 5s linear infinite;
	-webkit-transform: translateX(-.375em) translateY(-.375em);
	transform: translateX(-.375em) translateY(-.375em);
}


/*--------------*/






























.btn.theme {
	display: inline-block;
	position: relative;
	font-family: "Balsamiq Sans", sans-serif;
	font-size: 1em;
	font-style: italic;
	font-weight: 700;
	color: #fff;
	letter-spacing: 0.188em;
	background-color: #80bef5;
	padding: 1.15em 2em;
	/* text-transform: capitalize; */
	cursor: pointer;
	border: none;
	z-index: 2;
	border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	-moz-border-radius: 0.25em;
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
}


.btn.theme.btn-sm {
	font-size: 0.8em;
	padding: 1.15em 2em;
}
.btn.theme.btn-lg {
	font-size: 1.2em;
	padding: 1.35em 2.3em;
}
.btn.theme:hover, .btn.theme:active {
	color: #fff !important;
	background-color: #80bef5 !important;
	border: none !important;
}
.btn.theme:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: -webkit-gradient(linear, left top, right top, color-stop(50%, #80bef5), color-stop(50%, transparent)), -webkit-gradient(linear, left top, right top, color-stop(50%, #80bef5), color-stop(50%, transparent)), -webkit-gradient(linear, left bottom, left top, color-stop(50%, #80bef5), color-stop(50%, transparent)), -webkit-gradient(linear, left bottom, left top, color-stop(50%, #80bef5), color-stop(50%, transparent));
	background: linear-gradient(90deg, #80bef5 50%, transparent 0), linear-gradient(90deg, #80bef5 50%, transparent 0), linear-gradient(0deg, #80bef5 50%, transparent 0), linear-gradient(0deg, #80bef5 50%, transparent 0);
	background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
	background-size: .875em .125em, .875em .125em, .125em .875em, .125em .875em;
	background-position: 0 0, 100% 100%, 0 100%, 100% 0;
	border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	-moz-border-radius: 0.25em;
	-webkit-transform: translateX(.375em) translateY(.375em);
	transform: translateX(.375em) translateY(.375em);
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
}
.btn.theme:hover:after {
	-webkit-animation: iqonicbuttonanmation 5s linear infinite;
	animation: iqonicbuttonanmation 5s linear infinite;
	-webkit-transform: translateX(-.375em) translateY(-.375em);
	transform: translateX(-.375em) translateY(-.375em);
}







footer>.contacts>.d-flex>div:first-child,
footer>.contacts>.d-flex>div:last-child{
	width:20%;
}
footer img{
	max-width: 100%;
}


.offcanvas{
	z-index:1105;
}
.offcanvas-body .mobile-nav{
	padding: 30px 20px;
}
.offcanvas-body{
	padding:0;
	overflow-y: scroll;
}
.offcanvas-footer{
	border-style: dashed;
	border-width: 2px 0px 0px 0px;
	border-color: #F6D58A;
	text-align: center;
	padding: 30px 20px;
}
.offcanvas-header{
	border-style: dashed;
	border-width: 0px 0px 2px 0px;
	border-color: #F6D58A;
	padding: 30px 20px;
}
.offcanvas-header img{
	max-width:50%;
}

.offcanvas-header button svg{
	width: 50px;
	height: 50px;
}
.offcanvas-header button{
	border: none;
	background: none;
	width: 50px;
	height: 50px;
	padding: 0;
	margin: 0;
}
.offcanvas .form-floating label{
	z-index:99;
}
.offcanvas .btn.theme{
	font-size: 18px;
	padding: 10px 8px;
	letter-spacing: 1px;
}
.offcanvas .input-group input,
.offcanvas .input-group button{
	border-color: #80bef5;
	color: #80bef5;
	border-style: dashed;
	border-width: 2px;
}
.offcanvas .input-group button{
	border-left:none;
}
.offcanvas .input-group button:focus,
.offcanvas .input-group button:hover{
	background-color: #80bef5;
	color: white;
}
.offcanvas ul:not(.select2-results__options) {
    list-style: none;
	padding: 0;
}

.offcanvas ul:not(.select2-results__options) li a.active,
.offcanvas ul:not(.select2-results__options) li a:hover{
	padding-left: 15px;
	color:#80bef5;
}
.offcanvas ul:not(.select2-results__options) li a{
	font-size: 26px;
	font-family: "Balsamiq Sans", sans-serif;
}
.offcanvas ul:not(.select2-results__options) li {
    background: url('/assets/img/arrow-right.svg') no-repeat left center;
    padding-left: 50px;
}

.form-control:focus{
	box-shadow:none;
}


.text-theme-color-orange{
	color: #f79f77 !important;
}
.text-theme-color-blue{
	color: #80bef5 !important;
}


.select2-container--bootstrap-5.select2-container--focus .select2-selection, .select2-container--bootstrap-5.select2-container--open .select2-selection,
.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field:focus{
	box-shadow:none !important;
}
.select2{max-width:100%;}
.select2-container--bootstrap-5 .select2-selection,
.select2-container--bootstrap-5 .select2-dropdown.select2-dropdown--below{
	border-color: #80bef5;
	color: #80bef5;
	border-style: dashed;
	border-width: 2px;
}
.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered{
	color: #80bef5;
}


.promo-video{
	background-image: url(/assets/img/bg-2.webp);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: relative;
	padding: 30px;
	cursor:pointer;
}
.promo-video>button{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	color: #fff;
	text-align: center;
	border-radius: 100%;
	z-index: 1;
	background: none;
	border: none;
	padding:50px;
	transition: 0.5s;
}
.promo-video>button svg{
	fill: white;
}
.promo-video>button.active svg{
	max-width: 70%;
}
.promo-video>button svg:first-child{
	/* display:none; */
}
.promo-video>button svg:last-child{
	display:none;
}

.promo-video>button.active svg:first-child{
	display:none;
}
.promo-video>button.active svg:last-child{
	display:inline;
}
.promo-video>button.active {
	bottom: 20px;
	top: auto;
	left: 70px;
	padding: 4px;
}
.promo-video>button:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border: 0.25em dashed currentColor;
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	border-radius: 50%;
	animation: video-left 5s linear infinite;
}
.promo-video>button:hover:after {
	animation: video-right 5s linear infinite;
}
.promo-video>div{
	border-radius: 30px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	/* position:relative; */
}
.promo-video video{
	width: 100%;
	height: auto;
}
@keyframes video-left {
  from {
    transform: rotate(1turn);
  }

  to {
    transform: rotate(0);
  }
}
@keyframes video-right {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(1turn);
  }
}
@media (max-width: 768px) {
	.promo-video{
		background: none;
		padding: 0;
	}
	.promo-video>button{
		padding:20px;
	}
	.promo-video>button.active {
		bottom: -18px;
		left: 30px;
	}
}


.card-1>div:first-child{
	/* min-width: 3.6875em; */
	margin-right:30px;
}
.card-1 a{
	font-family: "Balsamiq Sans", sans-serif;
	font-size: 1em;
	font-style: italic;
	font-weight: 700;
	letter-spacing: 0.188em;
	position: relative;
	z-index:2;
}
.card-1 {
	max-width: 400px;
	border-radius: 1.875em;
	padding: 2.5em;
	margin: 0.875em 0.5em;
	position: relative;
	display: flex;
	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.card-1:before {
	content: '';
	left: 10px;
	bottom: -30px;
	background: no-repeat center center / contain;
	position: absolute;
	width: 100px;
	height: 75px;
	background-repeat: no-repeat;
	opacity:0;
	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.card-1:hover:before {
	opacity:1;
}
.card-1.aa:before{
	background-image: url(/assets/img/frames/AA.png);
}
.card-1.bb:before{
	background-image: url(/assets/img/frames/Bb.png);
}
.card-1.cc:before{
	background-image: url(/assets/img/frames/Cc.png);
}
	
	
.card-1:after{
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 1.875em;
	top: 0;
	left: 0;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}


.card-1.bg-primary-light:after {
	border: 0.13em dashed #f79f77;
	-moz-transform: rotate(-2.39deg);
	-webkit-transform: rotate(-2.39deg);
	-o-transform: rotate(-2.39deg);
	-ms-transform: rotate(-2.39deg);
	transform: rotate(-2.39deg);
}
.card-1.bg-secondary-light:after {
	border: 0.13em dashed #80bef5;
	-moz-transform: rotate(2.39deg);
	-webkit-transform: rotate(2.39deg);
	-o-transform: rotate(2.39deg);
	-ms-transform: rotate(2.39deg);
	transform: rotate(2.39deg);
}
.card-1.bg-yellow-light:after {
	border: 0.13em dashed #f6d58a;
	-moz-transform: rotate(-2.39deg);
	-webkit-transform: rotate(-2.39deg);
	-o-transform: rotate(-2.39deg);
	-ms-transform: rotate(-2.39deg);
	transform: rotate(-2.39deg);
}
.card-1.bg-white-light:after {
	border: 0.13em dashed #969696;
	-moz-transform: rotate(-2.39deg);
	-webkit-transform: rotate(-2.39deg);
	-o-transform: rotate(-2.39deg);
	-ms-transform: rotate(-2.39deg);
	transform: rotate(-2.39deg);
}
.card-1:hover:after{
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}


.card-1.bg-secondary-light {
	background: #eaf5ff;
}
.card-1.bg-primary-light {
	background: #ffeae0;
}
.card-1.bg-yellow-light {
	background: #fffaef;
}
.card-1.bg-white-light {
	background: white;
}

.card-2 {
	max-width: 90em;
	/* height: 100%; */
	background-color: #13293D;
	background-image: url(/assets/img/frames/13.webp);
	background-position: center;
	background-size: cover;
	display: flex;
	justify-content: center;
	transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
	padding: 7em 1.875em 7em 1.875em;
	border-radius: 20px;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}
.card-2 h4{
	color:#fff;
}
.card-2 img{
	max-width:100%;
}

.offcanvas-kindergartens-list{
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-top: 15px;
}
.offcanvas-kindergartens-list .card{
	border-radius: 1.875em;
	padding: 2.5em 2.1875em;
	border: 0.13em dashed;
	margin-top: 5px;
}
.offcanvas-kindergartens-list .card:before{
	content: "";
	width: 80px;
	height: 80px;
	position: absolute;
	right: 10px;
	bottom: 20px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}


.offcanvas-kindergartens-list .card:nth-of-type(3n+1):before{
	background-image: url(/assets/img/frames/14.webp);
}
.offcanvas-kindergartens-list .card:nth-of-type(3n+2):before{
	background-image: url(/assets/img/frames/15.webp);
}
.offcanvas-kindergartens-list .card:nth-of-type(3n+3):before{
	background-image: url(/assets/img/frames/2.webp);
}

.offcanvas-kindergartens-list .card:nth-of-type(3n+1){
	background: #ffeae0;
	border-color: #f79f77;
}


.offcanvas-kindergartens-list .card:nth-of-type(3n+2){
	background: #eaf5ff;
	border-color: #80bef5;
}


.offcanvas-kindergartens-list .card:nth-of-type(3n+3){
	background: #fffaef;
	border-color: #f6d58a;
}


.clear-left{
	clear:left;
}

.cap-letter{
	margin-right: 20px;
	background-color: #F79F77;
	padding: 7px 6px 0px 5px;
	border-radius: 5px;
	float: left;
	text-align: center;
	line-height: 50px;
	font-size: 50px;
	font-weight: 400;
	font-family: "Balsamiq Sans", Sans-serif;
	color: #fff;
}
.cap-letter.size-1{
	line-height: 24px;
	font-size: 24px;
	min-width: 24px;
}

.map{max-width:100%;}
.map-district{
	fill: #eaf5ff;
	stroke: #f79f77;
	stroke-width: 2px;
	cursor: pointer;
	transition: fill 0.2s 
}
/* .map-district.selected{fill: #f79f77;} */
.map-district.selected{fill: #b1cef6;}
.map-district:hover{fill: #b1cef6;}
text.map-label {
	stroke-opacity: .2 !important;
	opacity: .9 !important;
	pointer-events: fill;
	cursor: pointer;
	fill: #fff;
	pointer-events: none;
}
text.map-label[color='1'] {fill: rgba(51,138,90,0.9);}
text.map-label[color='2'] {fill: rgba(13,116,170,0.9);}
text.map-label[color='3'] {fill: rgba(211,96,96,0.9);}
text.map-label[color='4'] {fill: rgba(175,120,48,0.9);}


.page-404 .frame{
	position:absolute;
}
.page-404 img{
	max-width:100%;
}
.page-404 .frame:nth-of-type(1){
	top: 15%;
	left: 5%;
}
.page-404 .frame:nth-of-type(2){
	top: 30%;
	left: 12%;
}
.page-404 .frame:nth-of-type(3){
	bottom: 15%;
	left: 3%;
}
.page-404 .frame:nth-of-type(4){
	bottom: 15%;
	left: 20%;
}



.page-404 .frame:nth-of-type(5){
	top: 15%;
	right: 5%;
}
.page-404 .frame:nth-of-type(6){
	top: 30%;
	right: 10%;
}
.page-404 .frame:nth-of-type(7){
	bottom: 15%;
	right: 5%;
}
.page-404 .frame:nth-of-type(8){
	bottom: 15%;
	right: 20%;
}
@media (max-width: 1024px) {
	.page-404 .frame{
		display:none;
	}
}



.container-fluid.header .breadcrumb{
	font-family: "Balsamiq Sans", sans-serif;
	font-size:20px;
}
.container-fluid.header .breadcrumb-item:last-child a{
	color:#13293d;
}
.container-fluid.header .breadcrumb-item.active a:hover{
	color:#f79f77;
}
.container-fluid.header{
	position:relative;
	background-image: url(/assets/img/frames/20.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
}
.container-fluid.header:after {
	content: "";
	position: absolute;
	bottom: -27px;
	left: 0;
	width: 100%;
	height: 55px;
	background-image: url(/assets/img/main-slider/bottom-pattern.webp);
	background-position: center center;
	background-repeat: repeat-x;
	background-size: cover;
}
@media (max-width: 768px) {
	.container-fluid.header{
		background-image:none;
	}
	.container-fluid.header .breadcrumb{
		flex-direction: column;
	}
	.breadcrumb-item{padding-left: 0 !important;}
	.breadcrumb-item:not(:first-child):before{content:"-" !important;}
}

body.modal-open {
  overflow: visible !important;
  padding-right: 0 !important;
}
.modal {
	z-index: 1155;
}
.modal-backdrop {
	z-index: 1150;
}



.kindergartens .filters{
	/*display: inline-block; */
	background: #eaf5ff;
	width: 100%;
	/* float: left; */
	/* position: relative; */
	padding: 15px;
	border: .13em solid #80bef5;
	border-radius: 1.25em;
	/* margin-bottom: 3.125em; */
}
.kindergartens .filters input{
	border-color: #80bef5;
	color: #80bef5;
	border-style: dashed;
	border-width: 2px;
}

.accordion-button:focus{
	box-shadow:none;
}


.kindergartens-list{
	/* display: flex; */
	/* flex-direction: column; */
	/* justify-content: center; */
}
.kindergartens-list .card{
	border-radius: 1.875em;
	padding: 2.5em 2.1875em;
	border: 0.13em dashed;
	
	margin:0;
	
	margin-bottom: 15px;
	
	/* width: 100%; */
}
.kindergartens-list .card:before{
	content: "";
	width: 70px;
	height: 70px;
	position: absolute;
	right: 10px;
	bottom: 10px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}


.kindergartens-list .card:nth-of-type(4n+1):before{
	background-image: url(/assets/img/frames/14.webp);
}
.kindergartens-list .card:nth-of-type(4n+2):before{
	background-image: url(/assets/img/frames/15.webp);
}
.kindergartens-list .card:nth-of-type(4n+3):before{
	background-image: url(/assets/img/frames/2.webp);
}
.kindergartens-list .card:nth-of-type(4n+4):before{
	background-image: url(/assets/img/frames/10.webp);
}

.kindergartens-list .card:nth-of-type(4n+1){
	background: #ffeae0;
	border-color: #f79f77;
}
.kindergartens-list .card:nth-of-type(4n+2){
	background: #eaf5ff;
	border-color: #80bef5;
}
.kindergartens-list .card:nth-of-type(4n+3){
	background: #fffaef;
	border-color: #f6d58a;
}
.kindergartens-list .card:nth-of-type(4n+4){
	background: white;
	border-color: #969696;
}
.kindergartens-list .card ul,
.kindergarten-info ul{
	list-style:none;
}
.kindergartens-list .card ul li,
.kindergarten-info ul li{
	position:relative;
}
.kindergartens-list .card ul li:before,
.kindergarten-info ul li:before{
	content: "";
	position: absolute;
	top: 50%;
	left: -25px;
	height: .85em;
	width: .85em;
	line-height: .85em;
	background: transparent;
	border: .2em solid #f79f77;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-transform: translateY(-50%) skewX(339deg) skewY(15deg);
	transform: translateY(-50%) skewX(339deg) skewY(15deg);
}

.kindergarten-info .map{
	background-image: url(/assets/img/bg-2.webp);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: relative;
	padding: 30px;
	cursor: pointer;
}
.kindergarten-info #map{
	min-height: 400px;
	height: 100%;
	border-radius: 25px;
	overflow: hidden;
}


.login-card{
	background: #eaf5ff;
	padding: 2.5em 2.1875em;
	border: 0.13em dashed;
	border-color: #80bef5;
	border-radius: 1.875em;
}
.login-card input:not(input[type="checkbox"]) {
	border-color: #80bef5;
	color: #80bef5;
	border-style: dashed;
	border-width: 2px;
}
.login-card .btn.social {
	border-color: #80bef5;
	border-style: dashed;
	border-width: 2px;
	width: 100%;
}
.login-card .btn.social img{
	height:20px;
	margin-right:15px;
}
.login-card .btn.social span{
	line-height: 30px;
}

.login-card .separator{
	display: flex;
	align-items: center;
	border-bottom: 0;
	text-align: center;
	margin-top:15px;
	color:#696d7d;
}
.separator:after, .separator:before {
	content: " ";
	width: 50%;
	border-bottom: 1px solid #696d7d;
}
.separator:before {
	margin-right: 1.25rem;
}
.separator:after {
	margin-left: 1.25rem;
}


.form-floating.password input{
	padding-right:62px;
}
.form-floating.password span.btn:hover{
	color: #f79f77;
}
.form-floating.password span.btn{
	outline: none !important;
	box-shadow: none !important;
	border: 0 !important;
	color:#80bef5;
}
.form-floating.password.showPass span.btn i:first-child{
	display:none;
}
.form-floating.password span.btn i:last-child{
	display:none;
}
.form-floating.password.showPass span.btn i:last-child{
	display:inline-block;
}



.account .nav{
	background-color:#f7f8f9;
	border-radius:1.25em;
}
.account .nav ul{
	padding: 0;
	margin: 0;
	width: 100%;
}
.account .nav ul li {
	list-style: none;
	/* margin-bottom: .938em; */
	margin-bottom: 10px;
}
.account .nav ul li a {
	position: relative;
	/* padding: 0 0 0 1.5em; */
	display: inline-block;
	font-size: 0.875em;
	letter-spacing: 0.125em;
	font-weight: 500;
	color: #696d7d;
	text-transform: uppercase;
	width: 100%;
	
	
	padding: 15px 25px;
	background: #fff;
	/* font-size: 1.333em; */
	border-radius: .625em;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.account .nav ul li a:last-child {
	margin-bottom: 0;
}
.account .nav ul li a.active, 
.account .nav ul li a:hover {
	background: #f79f77;
	color: white;
}
.account .nav ul li a.active svg, 
.account .nav ul li a:hover svg{
	fill: white;
}




@media (min-width: 768px) {
	.kindergartens-list .pagination{
		--bs-pagination-padding-x: 1.5rem;
		--bs-pagination-padding-y: 0.75rem;
		--bs-pagination-font-size: 1.25rem;
		--bs-pagination-border-radius: 0.5rem;
	}
}


@media (min-width: 576px) {
 
}
@media (min-width: 768px) {
	main{
		padding-top: 90px;
	}
}
@media (min-width: 992px) {

}
@media (min-width: 1200px) {

}
@media (min-width: 1400px) {

}














