@font-face {
	font-family:NotoSans Medium;
	src: url(../fonts/NotoSans-Regular.ttf);
}

@media all
{
	/* Глобальные стили */
	*
	{
		padding:0;
		margin:0;
		text-shadow:none;
		box-sizing:border-box;
	}
	img
	{
		border:0;
	}
	body
	{
		font-family:NotoSans light, Calibri, sans-serif;
		font-size:18px;
	}
	a
	{
		color:#49a3ff;
	}
	a:hover
	{
		color:#7ac3ff;
	}

	/* Заголовок */
	#header-wrapper
	{
		height:52px;
		width:100%;
		display:flex;
		justify-content:center;
		background-color:#3a486c;
		margin-bottom:56px;
	}
	#header
	{
		display:flex;
		height:52px;
		width:1240px;
		justify-content:space-between;
		align-items:center;
		margin:0 32px 0 32px;
	}
	#header .title-wrapper
	{
		display:flex;
		align-items:baseline;
		min-width:320px;
		font-weight:700;
		gap:6px;
	}
	#header .title-wrapper .title-first
	{
		font-size:32px;
		color:#7487fb;
	}
	#header .title-wrapper .title-second
	{
		font-size:24px;
		color:#fff;
	}
	#header .profile-wrapper
	{
		display:flex;
		align-items:center;
	}
	#header .profile-wrapper .profile-fullname
	{
		font-size:18px;
		color:#fff;
		margin-right:32px;
		white-space:nowrap;
	}
	/* Содержимое */
	#content-wrapper
	{
		width:100%;
		display:flex;
		justify-content:center;
		flex-wrap:wrap;
	}
	/* Блоки информации о клиенте */
	#content-baseinfo-wrapper
	{
		width:1240px;
		min-width:840px;
		display:flex;
		justify-content:space-between;
		margin:0 32px 32px 32px;
	}
	/* Блок оплаты */
	#content-baseinfo-wrapper .info-block:nth-child(1)
	{
		flex-basis:225px;
	}
	/* Блок тарифов */
	#content-baseinfo-wrapper .info-block:nth-child(2)
	{
		flex-basis:274px;
	}
	/* Блок информации и журнала биллинга */
	#content-baseinfo-wrapper .info-block:nth-child(3)
	{
		flex-basis:210px;
	}
	
	#content-baseinfo-wrapper .info-block .info-title
	{
		color:#3a486c;
		font-weight:700;
		font-size:20px;
	}
	#content-baseinfo-wrapper .info-block .info-text
	{
		font-weight:700;
		font-size:34px;
		margin:2px 0 10px 0;
		white-space:nowrap;
	}
	#content-baseinfo-wrapper .info-block .info-links a
	{
		font-weight:700;
		display:block;
		white-space:nowrap;
	}
	/* Затемнение фона за модульным окном */
	#modal-gray-wrapper
	{
		display:none;
		position:absolute;
		top:0; left:0; right:0; bottom:0;
		background-color:rgba(0,0,0,0.85);
		z-index:888;
	}
	/* Модульное окно пополнения баланса */
	#modal-addmoney-wrapper
	{
		display:none;
		position:absolute;
		width:460px;
		min-width:460px;
		margin:0 auto;
		background-color:#fff;
		z-index:999;
		padding:30px;
		font-size:18px;
	}
	#modal-addmoney-wrapper .addmoney-header-wrapper
	{
		display:flex;
		width:100%;
		justify-content:space-between;
		margin-bottom:24px;
		color:#3a486c;
		font-weight:700;
		font-size:20px;
	}
	#modal-addmoney-wrapper .addmoney-close
	{
		cursor:pointer;
	}
	#modal-addmoney-wrapper .addmoney-block input[type="text"]
	{
		width:100%;
		padding:5px;
		font-size:20px;
	}
	#modal-addmoney-wrapper .addmoney-block input[type="text"]::placeholder
	{
		color:#bfbfbf;
		font-size:16px;
	}
	#modal-addmoney-wrapper .addmoney-block a
	{
		color:#49a3ff;
	}
	#modal-addmoney-wrapper .addmoney-block a:hover
	{
		color:#7ac3ff;
	}
	#modal-addmoney-wrapper .addmoney-block .addmoney-submit
	{
		padding:3px;
		text-align:center;
		cursor:pointer;
		background-color:#ebebeb;
		border:1px solid #d8d8d8;
		color:303030;
	}
	#modal-addmoney-wrapper .addmoney-label
	{
		margin: 0 0 5px 0;
	}
	#modal-addmoney-wrapper .addmoney-agreement-wrapper
	{
		margin: 12px 0 8px 0;
		margin-top:12px;
		display:flex;
		align-items:center;
	}
	#modal-addmoney-wrapper .addmoney-agreement-wrapper label
	{
		margin-right:8px;
	}
	#addmoney-quick-wrapper
	{
		display:flex;
		justify-content:space-between;
		align-items:baseline;
		margin:8px 0 22px 0;
		font-size:16px;
	}
	.addmoney-calc-table
	{
		border:1px solid #d8d8d8;
		border-collapse:collapse;
		width:100%;
		table-layout:fixed;
	}
	.addmoney-calc-table td
	{
		border:1px solid #d8d8d8;
		border-collapse:collapse;
		padding:5px;
	}
	
	#content-tariffinfo-wrapper
	{
		display:flex;
		transition:max-height 0.3s ease;
		max-height:0;
		overflow:hidden;
		width:1240px;
		min-width:840px;
		flex-wrap:wrap;
		flex-grow:33%;
		justify-content:space-between;
		margin:0 32px 0 32px;
	}
	#content-tariffinfo-wrapper .tariffinfo-block
	{
		/*flex-basis:50%;*/
	}
	#content-tariffinfo-wrapper .tariffinfo-header-wrapper
	{
		display:flex;
		width:100%;
		flex-basis:100%;
		justify-content:space-between;
		align-items:center;
		margin-bottom:12px;
	}
	#content-tariffinfo-wrapper .tariffinfo-title
	{
		color:#3a486c;
		font-weight:700;
		font-size:20px;
	}
	#content-tariffinfo-wrapper .tariffinfo-close
	{
		cursor:pointer;
	}
	#content-tariffinfo-wrapper .tariffinfo-property-title
	{
		font-size:20px;
	}
	#content-tariffinfo-wrapper .tariffinfo-property-text
	{
		font-size:24px;
	}
	#content-billlog-wrapper
	{
		display:flex;
		transition:max-height 0.3s ease;
		max-height:0;
		overflow:hidden;
		width:1240px;
		min-width:840px;
		flex-wrap:wrap;
		flex-grow:33%;
		justify-content:space-between;
		margin:0 32px 0 32px;
	}
	#content-billlog-wrapper .billlog-header-wrapper
	{
		display:flex;
		width:100%;
		justify-content:space-between;
		align-items:center;
		margin-bottom:24px;
	}
	#content-billlog-wrapper .billlog-title
	{
		color:#3a486c;
		font-weight:700;
		font-size:20px;
	}
	#content-billlog-wrapper .billlog-close
	{
		cursor:pointer;
	}
	#content-billlog-wrapper .billlog-block
	{
		display:flex;
		width:100%;
		flex-direction:column;
	}
	
	#content-billlog-wrapper .billlog-block table
	{
		width:100%;
	}
	#content-billlog-wrapper .billlog-block table th
	{
		text-align:left;
	}
	
	#content-more-wrapper
	{
		background-color:#5cb744;
		width:1240px;
		min-width:840px;
		display:flex;
		justify-content:space-between;
		box-sizing:border-box;
		margin:38px 32px 0 32px;
		padding:0 34px 0 34px;
	}
	#content-more-wrapper .more-block
	{
		padding:12px;
	}
	#content-more-wrapper .more-block a
	{
		text-decoration:none;
		display:flex;
		align-items:center;
		flex-direction:column;
		padding:18px;
	}
	#content-more-wrapper .more-block a:hover
	{
		background-color:rgba(255,255,255,0.075);
	}
	#content-more-wrapper .more-icon
	{
		margin-bottom:14px;
	}
	#content-more-wrapper .more-text
	{
		color:#000;
		font-size:22px;
		white-space:nowrap;
	}
	#content-contacts-wrapper
	{
		max-height:0;
		width:1240px;
		min-width:840px;
		background-color:#f3f3f3;
		margin:0 32px 0 32px;
		box-sizing:border-box;
		overflow:hidden;
		transition:max-height 0.3s ease;
	}
	#content-contacts-wrapper .contacts-title-wrapper
	{
		display:flex;
		width:100%;
		justify-content:space-between;
		align-items:center;
		padding:24px 34px 16px 34px;
		box-sizing:border-box;
	}
	#content-contacts-wrapper .contacts-block:nth-child(3)
	{
		width:270px;
	}
	#content-contacts-wrapper .contacts-title
	{
		font-weight:700;
		font-size:20px;
	}
	#content-contacts-wrapper .contacts-close
	{
		cursor:pointer;
	}
	#content-contacts-wrapper .yandexmaps-block
	{
		width:1240px;
		height:480px;
	}
	#content-contacts-wrapper .contacts-subtitle
	{
		font-size:22px;
		font-weight:700;
		margin-bottom:6px;
	}
	#content-contacts-wrapper .contacts-text
	{
		font-size:19px;
	}
	#contacts-block-wrapper
	{
		width:100%;
		display:flex;
		justify-content:space-between;
		box-sizing:border-box;
		padding:24px 34px 24px 34px;
		margin-bottom:16px;
	}
	#content-documents-wrapper
	{
		max-height:0;
		width:1240px;
		min-width:840px;
		background-color:#f3f3f3;
		margin:0 32px 0 32px;
		box-sizing:border-box;
		overflow:hidden;
		transition:max-height 0.3s ease;
	}
	#content-documents-wrapper .documents-title-wrapper
	{
		display:flex;
		width:100%;
		justify-content:space-between;
		align-items:center;
		padding:24px 34px 16px 34px;
		box-sizing:border-box;
	}
	#content-documents-wrapper .documents-title
	{
		font-weight:700;
		font-size:20px;
	}
	#content-documents-wrapper .documents-close
	{
		cursor:pointer;
	}
	#content-documents-wrapper .documents-subtitle
	{
		font-size:22px;
		font-weight:700;
		margin-bottom:6px;
	}
	#content-documents-wrapper .documents-text
	{
		font-size:19px;
	}
	.login-wrapper
	{
		display:flexbox;
		width:340px;
		margin:20px;
	}
	.login-wrapper > input
	{
		border:1px solid #a0a0a0;
		border-radius:7px;
		padding:5px;
		height:36px;
		width:360px;
		font-size:22px;
		margin:8px;
	}
	.login-wrapper > input[type="submit"]
	{
		background-color:#3a486c;
		color:#ffffff;
		font-weight:bold;
		font-size:20px;
		margin-top:15px;
		cursor:pointer;
	}
	.login-title
	{
		font-size:29px;
		margin:6px 6px 6px 6px;
	}
	.login-subtitle
	{
		font-size:20px;
		color:#04ba04;
		margin:6px 6px 12px 6px;
	}
	.login-signal
	{
		display:none;
		color:#ff3030;
		font-weight:bold;
		font-size:18px;
		margin:6px 6px 6px 6px;
	}
	#documents-block-wrapper
	{
		width:100%;
		display:flex;
		justify-content:space-between;
		box-sizing:border-box;
		padding:24px 34px 24px 34px;
		margin-bottom:16px;
	}
	#documents-block-wrapper .documents-block
	{
		padding:12px;
	}
	#documents-block-wrapper .documents-block a
	{
		text-decoration:none;
		display:flex;
		align-items:center;
		flex-direction:column;
		padding:18px;
	}
	#documents-block-wrapper .documents-block a:hover
	{
		background-color:rgba(255,255,255,0.075);
	}
	#documents-block-wrapper .documents-icon
	{
		margin-bottom:14px;
	}
	#documents-block-wrapper .documents-text
	{
		color:#000;
		font-size:22px;
		max-width:240px;
		text-align:center;
	}
	.green-text
	{
		color:#27a60a;
	}
	.red-text
	{
		color:#d32828;
	}
	#content-news-wrapper
	{
		width:1240px;
		min-width:840px;
		display:block;
		justify-content:space-between;
		margin:34px 32px 0 32px;
	}
	#content-news-wrapper .news-wrapper-title
	{
		color:#3a486c;
		font-size:20px;
		width:100%;
		margin-bottom:16px;
		font-weight:700;
	}
	#content-news-wrapper .news-block-list
	{
		width:100%;
		display:flex;
		justify-content:space-between;
	}
	#content-news-wrapper .news-block
	{
		flex-basis:300px;
	}
	#content-news-wrapper .news-block .news-date
	{
		color:#a1a5af;
		font-size:16px;
		font-weight:700;
	}
	#content-news-wrapper .news-block .news-text
	{
		color:#303030;
		font-size:18px;
		float:right;
	}
	#content-news-wrapper .news-block .news-text a
	{
		color:#49a3ff;
	}
	#content-news-wrapper .news-block .news-text a:hover
	{
		color:#7ac3ff;
	}
	#content-news-wrapper .news-more-link
	{
		text-align:right;
	}
	#content-news-wrapper .news-more-link a
	{
		color:#49a3ff;
		font-size:18px;
	}
	#content-news-wrapper .news-more-link a:hover
	{
		color:#7ac3ff;
	}
	#footer-wrapper
	{
		width:100%;
		display:flex;
		justify-content:center;
		align-items:center;
		flex-wrap:wrap;
		margin-top:72px;
	}
	#footer
	{
		width:1240px;
		min-width:840px;
		display:flex;
		justify-content:space-between;
		align-items:center;
		margin:0 32px 0 32px;
		background-color:#f3f3f3;
		padding:6px;
	}
	#footer .social-network-wrapper
	{
		display:flex;
	}
	#footer .social-network-wrapper a
	{
		margin-right:3px;
		height:25px;
	}
	#footer .footer-copyright
	{
		color:#888888;
		font-size:18px;
	}
	.flex-box
	{
		max-height:600px !important;
	}
	@keyframes shake
	{
		0%
		{
			transform:translateX(10px);
		}
		20%
		{
			transform:translateX(-10px);
		}
		40%
		{
			transform:translateX(7px);
		}
		60%
		{
			transform:translateX(-7px);
		}
		80%
		{
			transform:translateX(3px);
		}
		100%
		{
			transform:translateX(-2px);
		}
	}
	.shakeinput
	{
		animation:shake 0.33s;
		outline:2px solid #de0000;
		color:#de0000;
	}
	#loadmore-animation
	{
		display:none;
	}
}
@media screen and (max-width: 1080px)
{
	body {
		font-size: 30px;
	}
	/* Заголовок */
	#header-wrapper
	{
		min-height: 120px;
		width: 100%;
		margin-bottom:32px;
	}
	#header
	{
		flex-direction:column;
		width:100%;
		height:auto;
	}
	#header .title-wrapper 
	{
		width:100%;
		margin:5px 0 0 0;
	}
	#header .title-wrapper .title-first
	{
		font-size:54px;
	}
	#header .title-wrapper .title-second
	{
		font-size:52px;
	}
	#header .profile-wrapper 
	{
		width:100%;
		margin:5px 0 5px 0;
	}
	#header .profile-wrapper .profile-fullname
	{
		font-size:27px;
		white-space:wrap;
	}
	#header .profile-logout
	{
		position:absolute;
		top:36px;
		right:32px;
	}
	#header .profile-logout img
	{
		height:48px;
	}
	
	/* Модульное окно пополнения баланса */
	#modal-addmoney-wrapper
	{
		width:100%;
		min-width:100%;
		font-size:34px;
	}
	#modal-addmoney-wrapper .addmoney-header-wrapper
	{
		width:100%;
		font-size:34px;
	}
	#modal-addmoney-wrapper .addmoney-close img
	{
		width:32px;
		height:32px;
	}
	#modal-addmoney-wrapper .addmoney-block input[type="text"]
	{
		width:100%;
		font-size:36px;
		height:48px;
	}
	#modal-addmoney-wrapper .addmoney-block input[type="text"]::placeholder
	{
		font-size:34px;
	}
	#addmoney-quick-wrapper
	{
		font-size:34px;
	}
	#addmoney-quick-wrapper label
	{
		padding:16px 0 16px 0;
		font-size: 34px;
	}
	#addmoney-quick-wrapper input[type="radio"]
	{
		width:22px;
		height:22px;
	}

	.addmoney-calc-table td
	{
		padding:5px;
	}
	#modal-addmoney-wrapper .addmoney-agreement-wrapper
	{
		margin: 12px 0 8px 0;
	}
	#modal-addmoney-wrapper .addmoney-agreement-wrapper input[type="checkbox"]
	{
		width:24px;
		height:24px;
	}
	#modal-addmoney-wrapper .addmoney-agreement-wrapper label
	{
		padding:18px 0 18px 0;
		margin-right:8px;
	}
	#addmoney-submit 
	{
		height:52px;
	}
	
	/* Модульное окно добавления оплаты в долг */
	#modal-promisedpay-wrapper
	{
		width:100%;
		min-width:100%;
		font-size:34px;
	}
	#modal-promisedpay-wrapper .promisedpay-header-wrapper
	{
		width:100%;
		font-size:34px;
	}
	#modal-promisedpay-wrapper .promisedpay-close img
	{
		width:32px;
		height:32px;
	}
	#modal-promisedpay-wrapper .promisedpay-block input[type="text"]
	{
		width:100%;
		padding:5px;
		font-size:36px;
		height:48px;
	}
	#modal-promisedpay-wrapper .promisedpay-block input[type="text"]::placeholder
	{
		font-size:36px;
	}
	#modal-promisedpay-wrapper .promisedpay-block .promisedpay-submit
	{
		padding:5px;
		text-align:center;
	}
	#modal-promisedpay-wrapper .promisedpay-agreement-wrapper
	{
		margin: 12px 0 8px 0;
	}
	#modal-promisedpay-wrapper .promisedpay-agreement-wrapper input[type="checkbox"]
	{
		width:24px;
		height:24px;
	}
	#modal-promisedpay-wrapper .promisedpay-agreement-wrapper label
	{
		padding:18px 0 18px 0;
		margin-right:8px;
	}
	#promisedpay-quick-wrapper
	{
		font-size:32px;
	}
	#promisedpay-submit 
	{
		height:52px;
	}
	
	/* Блоки информации о клиенте */
	#content-baseinfo-wrapper
	{
		width:100%;
		min-width:100%;
		padding:0 32px 32px 32px;
		margin: 0;
	}
	/* Блок оплаты */
	#content-baseinfo-wrapper .info-block:nth-child(1)
	{
		flex-basis:auto;
	}
	/* Блок тарифов */
	#content-baseinfo-wrapper .info-block:nth-child(2)
	{
		flex-basis:auto;
	}
	/* Блок информации и журнала биллинга */
	#content-baseinfo-wrapper .info-block:nth-child(3)
	{
		flex-basis:auto;
	}
	
	#content-baseinfo-wrapper .info-block .info-title
	{
		font-size:32px;
	}
	#content-baseinfo-wrapper .info-block .info-text
	{
		font-size: 36px;
	}
	#content-baseinfo-wrapper .info-block .info-links > *
	{
		padding: 10px 0 10px 0;
	}
	
	/* Информация о тарифе */
	#content-tariffinfo-wrapper
	{
		width:100%;
		min-width:100%;
		padding:0 32px 0 32px;
	}
	#content-tariffinfo-wrapper .tariffinfo-block
	{
		flex-basis:50%;
		margin:10px 0 10px 0;
	}
	#content-tariffinfo-wrapper .tariffinfo-title
	{
		font-size:30px;
	}
	#content-tariffinfo-wrapper .tariffinfo-close img
	{
		height:32px;
		width:32px;
	}
	#content-tariffinfo-wrapper .tariffinfo-property-title
	{
		font-size:30px;
	}
	#content-tariffinfo-wrapper .tariffinfo-property-text
	{
		font-size:30px;
	}
	#content-offerinfo-wrapper
	{
		width:100%;
		min-width:100%;
		padding:0 32px 0 32px;
	}
	#content-tariffinfo-wrapper .offerinfo-title
	{
		font-size:30px;
	}
	#offerinfo-table
	{
		width: 100%;
	}
	#offerinfo-table th
	{
		padding:10px 0 10px 0;
		text-align:left;
		font-size:30px;
	}
	#offerinfo-table td
	{
		padding:10px 0 10px 0;
		text-align:left;
		font-size:30px;
	}
	#content-tariffs-wrapper .tariffs-title
	{
		font-size:30px;
	}
	#content-tariffs-wrapper .tariffs-close img
	{
		height:32px;
		width:32px;
	}
	#content-tariffs-wrapper .tariffs-change-date-info
	{
		font-size:30px;
	}
	#content-tariffs-wrapper .tariffs-item > div
	{
		font-size:30px;
		padding:10px;
	}
	#content-tariffs-wrapper .tariffs-item > div:first-child
	{
		font-size:30px;
	}

	
}