diff --git a/pages/contract/agreement.js b/pages/contract/agreement.js
index bcf8416..f62b67d 100644
--- a/pages/contract/agreement.js
+++ b/pages/contract/agreement.js
@@ -4,6 +4,7 @@ import Image from 'next/image';
 import { connect } from "react-redux";
 import { withRouter } from 'next/router';
 import moment from "moment";
+import { SpinnerCircular } from 'spinners-react';
 
 import { reduxWrapper } from '../../store';
 
@@ -22,6 +23,7 @@ class ContractPage extends React.Component
 		this.state = {
 			contract_date: null, 
 			agreement: null, 
+			loading: false, 
 		}
 	}
 
@@ -50,7 +52,7 @@ class ContractPage extends React.Component
 
 	render()
 	{
-		const { contract_date } = this.state;
+		const { contract_date, loading } = this.state;
 		const { number } = this.props;
 
 		return (
diff --git a/pages/contract/documents.js b/pages/contract/documents.js
index 0be82d8..6a89019 100644
--- a/pages/contract/documents.js
+++ b/pages/contract/documents.js
@@ -4,6 +4,7 @@ import Image from 'next/image';
 import { connect } from "react-redux";
 import { withRouter } from 'next/router';
 import moment from "moment";
+import { SpinnerCircular } from 'spinners-react';
 
 import { reduxWrapper } from '../../store';
 
@@ -22,6 +23,7 @@ class ContractDocumentsPage extends React.Component
 		this.state = {
 			contract_date: null, 
 			documents: null, 
+			loading: false, 
 		}
 	}
 
@@ -50,7 +52,7 @@ class ContractDocumentsPage extends React.Component
 
 	render() 
 	{
-		const { contract_date } = this.state;
+		const { contract_date, loading } = this.state;
 		const { number } = this.props;
 
 		return (
@@ -92,57 +94,63 @@ class ContractDocumentsPage extends React.Component
 										</div>
 									</div>
 
-									<div className="dropdown_blocks_list">
-										<div className="dropdown_block bt">
-											<div className="block_header">
-												<p>
-													УПД по очередным платежам
-												</p>
-												<button className="block_toggle"></button>
-											</div>
-											<div className="block_body">
-												<div className="transaction_detail">
-													<p>№ постановления: <b>3432434242334</b></p>
-													<ul>
-														<li>Сумма: <b>3 000,00 р.</b></li>
-														<li>Дата:  <b>01/01/2020</b></li>
-														<li>Статус: <b className="success">Оплачен</b></li>
-														<li>Штраф: п. 1.15 - Несоблюдение правил парковки </li>
-													</ul>
+									{ loading ? (
+										<div className="table_row table_header" style={{ minHeight: 300, display: "flex", justifyContent: "center", alignItems: "center" }}>
+											<SpinnerCircular size={90} thickness={51} speed={100} color="rgba(28, 1, 169, 1)" secondaryColor="rgba(236, 239, 244, 1)" />
+										</div>
+									) : (
+										<div className="dropdown_blocks_list">
+											<div className="dropdown_block bt">
+												<div className="block_header">
+													<p>
+														УПД по очередным платежам
+													</p>
+													<button className="block_toggle"></button>
+												</div>
+												<div className="block_body">
+													<div className="transaction_detail">
+														<p>№ постановления: <b>3432434242334</b></p>
+														<ul>
+															<li>Сумма: <b>3 000,00 р.</b></li>
+															<li>Дата:  <b>01/01/2020</b></li>
+															<li>Статус: <b className="success">Оплачен</b></li>
+															<li>Штраф: п. 1.15 - Несоблюдение правил парковки </li>
+														</ul>
+													</div>
 												</div>
 											</div>
-										</div>
-										<div className="dosc_list medium-icon">
-											<div className="row">
-												<p className="doc_name i-pdf i-medium">
-													Дополнительное  соглашение №1
-												</p>
-												<a href="#" className="button button-blue download-icon">Скачать</a>
+											<div className="dosc_list medium-icon">
+												<div className="row">
+													<p className="doc_name i-pdf i-medium">
+														Дополнительное  соглашение №1
+													</p>
+													<a href="#" className="button button-blue download-icon">Скачать</a>
+												</div>
+												<div className="row">
+													<p className="doc_name i-pdf i-medium">
+														Дополнительное  соглашение №2
+													</p>
+													<a href="#" className="button button-blue download-icon">Скачать</a>
+												</div>
+												<div className="row">
+													<p className="doc_name i-pdf i-medium">
+														Выкупные документы
+													</p>
+													<a href="#" className="button button-blue download-icon">Скачать</a>
+												</div>
 											</div>
-											<div className="row">
-												<p className="doc_name i-pdf i-medium">
-													Дополнительное  соглашение №2
-												</p>
-												<a href="#" className="button button-blue download-icon">Скачать</a>
-											</div>
-											<div className="row">
-												<p className="doc_name i-pdf i-medium">
-													Выкупные документы
-												</p>
-												<a href="#" className="button button-blue download-icon">Скачать</a>
+											
+											<div className="dropdown_block bt">
+												<div className="block_header">
+													<p>
+														УПД по доп.услугам
+													</p>
+													<button className="block_toggle"></button>
+												</div>
+												<div className="block_body"></div>
 											</div>
 										</div>
-										
-										<div className="dropdown_block bt">
-											<div className="block_header">
-												<p>
-													УПД по доп.услугам
-												</p>
-												<button className="block_toggle"></button>
-											</div>
-											<div className="block_body"></div>
-										</div>
-									</div>
+									) }
 								</article>
 							</div>
 						</div>
diff --git a/pages/contract/services.js b/pages/contract/services.js
index cc8e673..516b5de 100644
--- a/pages/contract/services.js
+++ b/pages/contract/services.js
@@ -4,6 +4,7 @@ import Image from 'next/image';
 import { connect } from "react-redux";
 import { withRouter } from 'next/router';
 import moment from "moment";
+import { SpinnerCircular } from 'spinners-react';
 
 import { reduxWrapper } from '../../store';
 
@@ -70,7 +71,7 @@ class ContractServicesPage extends React.Component
 
 	render()
 	{
-		const { opened, contract_date } = this.state;
+		const { opened, contract_date, loading } = this.state;
 		const { number } = this.props;
 
 		return (