{% include concat(template.path, '/links.html') %}
{% include concat(template.path, '/header.html') %}

	<!-- Inner Page Breadcrumb -->
	<section class="hero-wrap hero-wrap-2" style="background-image: url('{{template.path}}/images/6.jpg'); background-size: cover;">
      <div class="overlay"></div>
      <div class="container">
        <div class="row no-gutters slider-text align-items-center justify-content-center">
          <div class="col-md-9 ftco-animate text-center">
									<section class="wow fadeInUp" data-wow-delay=".3s">
					{% set breadcrumbs = cmsGetBreadcrumbs({pkid: page.pkid}) %}
								{% set breadcrumbcnt = 0 %}
								{% for breadcrumb in breadcrumbs %}
									{% set breadcrumbcnt = breadcrumbcnt + 1 %}
									{% if breadcrumbcnt != breadcrumbs | length %}
						
									{% else %}
										<h1 class="mb-2 bread"><span>{{widgetRender('breadcrumbs', 'Байланыс')}}</span></h1>
									{% endif %}
								{% endfor %}
									</section>
                    <p class="breadcrumbs">
						<div class="container">
							<span class="mr-2">
								<a href="{{link('/')}}">Главная</a></span>
								{% set breadcrumbs = cmsGetBreadcrumbs({pkid: page.pkid}) %}
								{% set breadcrumbcnt = 0 %}
								{% for breadcrumb in breadcrumbs %}
									{% set breadcrumbcnt = breadcrumbcnt + 1 %}
									{% if breadcrumbcnt != breadcrumbs | length %}
										<span><a href="{{link(breadcrumb.uri)}}">{{breadcrumb.name}}</a></span>
									{% else %}
										<span class="active-breadcrumb">{{breadcrumb.name}}</span>
									{% endif %}
								{% endfor %}
						</div>
					</p>
			  
			  
			  
			  
          </div>
        </div>
      </div>
    </section>

<style>
	.hero-wrap h1.mb-2.bread {
    color: #fff !important;
    font-size: 35px !important;
    margin-bottom: 0 !important;
    text-transform: uppercase !important;
}
		.overlay {

    background-color: rgb(27 59 95 / 80%) !important;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
	}
		
			.hero-wrap h1.mb-2.bread {
    color: #fff !important;
}
	.hero-wrap .mr-2 a {
    color: #fff !important;
}
		.hero-wrap {
    color: #fff !important;
}

#mc_embed_signup input {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid !important;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	border-style: solid;
    border-width: 1px;
    border-color: rgb(221, 221, 221) !important;
    border-radius: 5px;
    background-color: rgba(196, 14, 117, 0);
    -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
    -o-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
    height: 48px;
	border-bottom: none !important;
}

	.feedback ol li textarea, .review ol li textarea {
	    border-color: rgb(221, 221, 221) !important;
	}
	
	.btn-primary {

    border: none !important;
    border-radius: none !important;
	border-style:  none !important;
    border-width:  none !important;
    border-color:  none !important;
    border-radius:  none !important;
    -webkit-box-shadow:  none !important;
    -moz-box-shadow:  none !important;
    -o-box-shadow:  none !important;
    box-shadow:  none !important;
	border-bottom: none !important;
	}
			.header-nav, .menu_style_home_six, .navbar-scrolltofixed, .main-menu {
		width: 100% !important;
		}
	.block4, .block5, .block6, .block7 {
	display: none !important;
	}
</style>

	<!-- How It's Work -->
	<section class="our-contact">
		<div class="container">
			<h2 class="text-center mb-4">Негізгі балабақша</h2>
				<div class="row">
					<div class="col-sm-6 col-lg-4">
						<div class="contact_localtion text-center">
							<div class="icon"><span class="flaticon-placeholder-1"></span></div>
							<h4>{{widgetRender('page_content2', 'Адрес')}}</h4>
							<p>{{widgetRender('page_content3', 'Астана қаласы, А.Бөкейхан көшесі 4/1')}}</p>
						</div>
					</div>
					<div class="col-sm-6 col-lg-4">
						<div class="contact_localtion text-center">
							<div class="icon"><span class="flaticon-phone-call"></span></div>
							<h4>{{widgetRender('page_content4', 'Телефон')}}</h4>
							<p class="mb0">{{widgetRender('page_content5', 'Телефон: +7 (7172) 74-24-28. </br> Факс: +7 (7172) 74-24-16.')}}</p>
						</div>
					</div>
					<div class="col-sm-6 col-lg-4">
						<div class="contact_localtion text-center">
							<div class="icon"><span class="flaticon-email"></span></div>
							<h4>{{widgetRender('page_content6', 'E-mail')}}</h4>
							<p>{{widgetRender('page_content7', 'press@edu.gov.kz')}}</p>
						</div>
					</div>
				</div>
			
			
		<h2 class="text-center mb-4">ІІ Нысан</h2>	
			<div class="row">
				<div class="col-sm-6 col-lg-4">
					<div class="contact_localtion text-center">
						<div class="icon"><span class="flaticon-placeholder-1"></span></div>
						<h4>{{widgetRender('page_content88', 'Адрес')}}</h4>
						<p>{{widgetRender('page_content99', '010000, Астана қаласы, Алихан Бөкейхан көшесі 4/1')}}</p>
					</div>
				</div>
				<div class="col-sm-6 col-lg-4">
					<div class="contact_localtion text-center">
						<div class="icon"><span class="flaticon-phone-call"></span></div>
						<h4>{{widgetRender('page_content100', 'Телефон')}}</h4>
						<p class="mb0">{{widgetRender('page_content11', 'Телефон: +7 (7172) 74-24-28. </br> Факс: +7 (7172) 74-24-16.')}}</p>
					</div>
				</div>
				<div class="col-sm-6 col-lg-4">
					<div class="contact_localtion text-center">
						<div class="icon"><span class="flaticon-email"></span></div>
						<h4>{{widgetRender('page_content122', 'E-mail')}}</h4>
						<p>{{widgetRender('page_content133', 'press@edu.gov.kz')}}</p>
					</div>
				</div>
			</div>
		
		<h2 class="text-center mb-4">ІІІ Нысан</h2>	
			
			<div class="row">
				<div class="col-sm-6 col-lg-4">
					<div class="contact_localtion text-center">
						<div class="icon"><span class="flaticon-placeholder-1"></span></div>
						<h4>{{widgetRender('page_content144', 'Адрес')}}</h4>
						<p>{{widgetRender('page_content155', 'г. Астана, просп. Мангилик Ел, 8')}}</p>
					</div>
				</div>
				<div class="col-sm-6 col-lg-4">
					<div class="contact_localtion text-center">
						<div class="icon"><span class="flaticon-phone-call"></span></div>
						<h4>{{widgetRender('page_content166', 'Телефон')}}</h4>
						<p class="mb0">{{widgetRender('page_content177', 'Телефон: +7 (7172) 74-24-28. </br> Факс: +7 (7172) 74-24-16.')}}</p>
					</div>
				</div>
				<div class="col-sm-6 col-lg-4">
					<div class="contact_localtion text-center">
						<div class="icon"><span class="flaticon-email"></span></div>
						<h4>{{widgetRender('page_content188', 'E-mail')}}</h4>
						<p>{{widgetRender('page_content199', 'press@edu.gov.kz')}}</p>
					</div>
				</div>
			</div>
			
			
			
			<div class="row" style="display:flex; justify-content:center;">
				<div class="col-lg-6 col-xl-6" style="align-items: center; display: grid;">
					<div style="position:relative;overflow:hidden;">
						<a href="https://yandex.kz/maps/163/astana/?ll=71.431920%2C51.099415&z=16" style="color:#eee;font-size:12px;position:absolute;top:0px;">
							Улица Алихан Бокейхан, 4/1
						</a>
						<iframe src="https://yandex.kz/map-widget/v1/?ll=71.431920%2C51.099415&z=16&pt=71.431920,51.099415,pm2rdm" width="560" height="800" frameborder="1" allowfullscreen="true" style="position:relative; border-radius: 20px;"></iframe>
					</div>
				</div>

				<div class="col-lg-6 col-xl-6" style="border-radius: 30px; padding: 10px;">
					<div class="divider-two-form" style="margin-left: 50px;">
						<div id="mc_embed_signup">
							{{widgetRenderByType(
								'feedback', {
									category: 123456789012,
								}
							)}}
						</div>
					</div>
				</div>
			</div>


		</div>
	</section>


	<style>
		
		.feedback ol li,
.review ol li {
	display: block;
	clear: both;
	list-style: none;
}
.feedback ol li label,
.review ol li label {
	display: block;
	margin: 0;
	
	
}
		
.contact_localtion .widget-render {
 
    font-family: "Nunito" !important;
}
		

		
#mc_embed_signup input {

    width: 75%;
    max-width: 480px;
}		
		.divider-two h3 {
    display: flex;
    justify-content: center;
}
		
		.feed_h2 {
			
			text-transform: uppercase;
    		font-weight: 400;
		}
.feedback ol li input.text,
.review ol li input.text {
	width: 380px;
	border: 1px solid #c0c0c0;
	margin: 2px 0;
	padding: 5px 2px;
	height: 25px;
	
}
.feedback ol li textarea, .review ol li textarea {
    width: 380px;
    border: 1px solid #fff;
    margin: 2px 0;
    padding: 2px;
    background: transparent;
    border-radius: 10px;
    
	margin-top: 10px;
	width: 70%;
}
	.feedback ol .button, .review ol .button {
    background-color: transparent;
    border: 2px solid #ffffff;
    border-radius: 25px;
    
    height: 50px;
    line-height: 32px;
    width: 190px;
    font-family: 'Nunito', sans-serif;
    font-size: 16px;
	justify-content: center;
    display: flex;
    align-items: center;
}
	
		
		.feedback ol li label, .review ol li label {
		margin-top: 10px;
		}
		img.capimg {
    border-radius: 5px;
}
.feedback ol li input.capinput,
.review ol li input.capinput {
	width: 100px;
	border: 1px solid #c0c0c0;
	margin: 2px 0;
	padding: 5px 2px;
	
}

.feedback ol li, .review ol li {
    margin-top: 10px;
}		
		
.feedback ol li img#capimg,
.review ol li img#capimg {
	border: none;
	top: 20px;
	margin: 10px 10px 10px 0;
	float: left;
}
li.button {
	clear: both;
} 
.item {
	display: block;
}
.answerList .name,
.answerList .topic,
.answerList .message {
	padding: 0 7px;
	background-color: #eef;	
}
.answerList .name {
	padding-top: 7px;
	margin-top: 15px;
	border-radius: 5px 5px 0 0;
}
.answerList .message {
	padding-bottom: 0 7px;
	border-radius: 0 0 5px 5px;
}
.answerList .answer_message {
	background: #c4c4ff;
	padding: 7px;
	border-radius: 5px;
	margin: 5px 0;
}
.name .date {
	float: right;
} 
	.divider2:before {
    background-image: url({{template.path}}/images/4.jpg) !important;
    background-repeat: no-repeat;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.2;
    position: absolute;
    top: 0 !important;
    width: 100%;
	background-size: cover;
}
					.blog_post img {
    object-fit: cover !important;
    height: 439.535px !important;
}
			
			.blog_post {
    max-height: 439.525px !important;
			}
		.blog_post .thumb:before {
    background-color: rgba(0, 0, 0, .3) !important;
}
		.blog_post .details .post_meta ul li a {
    color: #ffffff;
    font-size: 14px;

}
		
					.blog_post .details .post_meta ul li a i {

    margin-right: 10px;
		}				
		.blog_post .details .post_meta ul li {
    margin-right: 30px;
}
		.feedback ol li input.text,
.review ol li input.text {
    width: 380px;
    border: 1px solid #000; /* Черный цвет */
    margin: 2px 0;
    padding: 5px 2px;
    height: 25px;
}

.feedback ol li textarea, 
.review ol li textarea {
    width: 380px;
    border: 1px solid #000; /* Черный цвет */
    margin: 2px 0;
    padding: 2px;
    background: transparent;
    border-radius: 10px;
    margin-top: 10px;
    width: 70%;
}

.feedback ol li input.capinput,
.review ol li input.capinput {
    width: 100px;
    border: 1px solid #000; /* Черный цвет */
    margin: 2px 0;
    padding: 5px 2px;
}

.feedback ol .button, 
.review ol .button {
    border: 2px solid #000; /* Черный цвет */
    background-color: transparent;
    border-radius: 25px;
    height: 50px;
    line-height: 32px;
    width: 190px;
    font-family: 'Nunito', sans-serif;
    font-size: 16px;
    justify-content: center;
    display: flex;
    align-items: center;
}
.feedback ol li input,
.review ol li input {
    border: none;             /* Убираем стандартные границы */
    border-bottom: 2px solid #000; /* Нижняя черная полоса */
    width: 75%;               /* Настройте ширину при необходимости */
    padding: 5px 2px;         /* Отступы для удобства */
    background: transparent;  /* Прозрачный фон для более чистого вида */
}

#mc_embed_signup input {
	background-color: transparent;
    border-bottom: 1px solid black;
	color:black;
	}
	</style>

{% include concat(template.path, '/footer.html') %}
{% include concat(template.path, '/links_foot2.html') %}
<a class="scrollToHome" href="{{template.path}}/#"><i class="flaticon-up-arrow-1"></i></a>
</div>