@charset "utf-8";
body {
	background:#020101;
	padding:0;
	min-height:100%;
	margin:0;
	font-family: Arial, sans-serif;
}

p {
	color:gray;
	font-size:18px;
	text-align: justify;
	/*margin:5px 10px 5px 10px;*/
}

h1 {
	font-size:35px;
	color:#020101;
	/*color:white;*/
	text-align:left;
	margin: 13px;
	font-weight:normal;
}

h2 {font-size:32px; text-align:center; padding:3px; color:white; /*box-shadow:0 0 10px white;*/ background:linear-gradient(to right, black 0%, #ff5bb8 40%, #ff5bb8 60%, black 100%);}

h3 {
	background:none;
	color:white;
	box-shadow:none;
	margin: 15px 0 5px 0;
	font-size:28px;
	text-align:center;
}

img {max-width:100%;}
.div_services {
	color:white;
	font-size:21px;
	padding:5px 15px 15px 15px;
	border:1px dashed gray;
	margin:0 10px 20px 10px;
	border-radius:8px;
	background:#1b192a;
	/*box-shadow:0 0 5px white;*/
	/*box-shadow: 0 0 4px #f3f3f3;*/
}














.div_services h3 {margin-top:5px;}
/*
@font-face {
  font-family: 'Comfortaa';
  src: url('/css/Comfortaa-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}*/
@font-face {
  font-family: 'Neucha';
  src: url('/css/Neucha.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
.service_name {
	margin:8px;
	display:inline-block;
	/*background: #ff59cf;*/
	/*background:#212121;*/
	/*background: linear-gradient(315deg, #313d7e, #6c79b9);*/
	/*box-shadow:0 0 3px white;*/
	background: linear-gradient(161deg, #ff59cf 90%, #fd9ce1);
	background: linear-gradient(-183deg, #ff59cf 85%, #fd9ce1);
	padding:5px 10px;
	color:white;
	box-shadow: #c946a3 3px 3px, #933377 6px 6px;
	border: 1px solid #ab5c94;
}


.div_content {
	text-align:center;
	background:white;
}

.center_content {
	display:inline-block; 
	width:100%; 
	max-width:950px;
}


.center_content_blog {
	padding-bottom:15px;
	display:inline-block; 
	width:100%; 
	max-width:960px;
}

.center_content_blog h1 
{
	color:#ff65ce;
}


.center_content_blog h2
{
	color:gray;
	background:none;
	font-size:30px;
}

.center_content_blog h3
{
	color:gray;
	background:none;
	font-size:28px;
}
.center_content_blog h4
{
	color:gray;
	background:none;
	font-size:26px;
}

.center_content_blog p
{
	text-align:justify;
	font-size: 20px;
    line-height: 28px;
	color:#2e2e2e;
}

.social {
	width:100%; 
	margin-top:15px; 
	margin-bottom:15px;
	color:gray; 
	font-size:15px; 
	line-height:32px;
}

.copy {
	background: linear-gradient(to bottom, #161616, #020101); 
	color:#ebebeb; 
	box-shadow: 0 5px 0px #020101, 0 0 3px #f1f1f1; 
	text-align:center; 
	padding:15px; 
	font-size:18px;
}

.copy span {
	font-size:13px; 
	color:#bfbfbf;
}

/*блоки публикаций*/
.article_sign {
	display:inline-block; 
	margin:5px; 
	width:300px; 
	height:250px; 
	box-shadow:0 0 5px gray; 
	cursor:pointer;
	color:gray;
}

.article_sign:hover {
	color:#ff65ce;
}

.article_sign .art_sing_img {
	display: block; 
	width:300px; 
	height:200px;
}

.article_sign .art_sing_title {
	text-align:center; 
	margin:5px; 
	display:flex; 
	width:290px; 
	height:40px; 
	justify-content: center; 
	align-items:flex-start; 
	overflow:hidden; 
	font-size:18px; 
	font-weight:bold;
}
/*блоки публикаций*/
.center_content_blog select {
	padding:2px;
	font-size:18px;
	font-weight:bold;
	color:#2e2e2e;
	border-radius:5px;
	outline:none;
	cursor:pointer;
	background:white;
}













/*
@media (min-width: 1200px) {
  .header {
    background-position: calc(50% + 120px) center;
  }
}
@media (max-width: 900px) {
  .header {
    background-position: calc(50% + 90px) center; 
  }
}
@media (max-width: 600px) {
  .header {
    background-position: calc(50% + 80px) center; 
  }
}
@media (max-width: 300px) {
  .header {
    background-position: calc(50% + 60px) center; 
  }
}*/


.msg {
	outline:none;
	 color:white; 
	 margin:5px; 
	 padding:5px 15px; 
	 font-size:21px; 
	 font-weight:bold; 
	 border:none; 
	 border-radius:3px; 
	 text-shadow:0 0 3px black; 
	 cursor:pointer; 
	 box-shadow:0 0 5px black;
	 background: linear-gradient(315deg, #313d7e, #6c79b9);
}
.msg:hover {background:#7b8ad3;}

.labels_block {
	text-align:justify;
	font-weight:bold;
	color: gray;
	font-size:18px;
	border-top: 2px dashed #ff65ce;
	padding-top:5px;
}
.labels_block a {
	color: #ff65ce;
	text-decoration:underline;
}

.header_name {
	display:inline-block; 
	padding:0 15px 0 15px; 
	margin-top:420px; 
	text-align:left;  
	width:90%; 
	max-width:600px;
}

.header_name .name {
	line-height:50px; 
	font-size:40px; 
	color:#ff59cf; 
	text-shadow: 0 0 8px black; 
	font-weight:normal;
}

.header_name span {
	background: #FFFFFF80; 
	color:black; 
	text-shadow:none;
}
































/*header menu*/
/* Сдвигаем переход на 50 пикселей выше якоря */
:target {
  scroll-margin-top: 60px;
}

.header_menu {
	/*position:fixed;*/
	z-index:9999;
	width:100%;
	height:50px;
	background:#161616;
	box-shadow: 0 0 3px #f1f1f1;
	text-align:center;
	/*border-bottom: 1px solid #858585;*/
}

.menu_btn_line {
	width:50px; 
	margin:10px 5px; 
	height:3px; 
	border-radius:5px; 
	background:#e1e1e1;
}

.menu_btn {
	cursor:pointer;
	position:absolute;
	padding:0px; 
	width:60px; 
	z-index:99999;
}

.header_menu_string {
	min-width:300px;
	display:flex; 
	width:100%; 
	font-size:21px; 
	height:50px; 
	align-items: center; 
	justify-content: center; 
	color:white; 
	font-wieght:bold;
}

.header_menu_string a {cursor:pointer; text-decoration:none; color:white;}

.menu {
	display:none;
	text-align:left;
	margin-top:50px; 
	position:absolute; 
	z-index:99999;  
	background:#161616; 
	border: 1px solid #858585;
}





.menu a {
	color:white;
	font-size:18px;
	line-height:32px;
	text-decoration:none;
	text-shadow:0 0 5px black;
}




.menu .standout {
	color:#ff59cf;
	font-weight:bold;
}

.menu span {
	padding:0px 10px;
	display:block;
}
	
.menu span:hover {
	background:#3f3f3f;
}
/*header menu*/


.accept {
	font-size:12px;
	color:gray;
	text-align:center;
}
.calendar {
	
	font-size:130%;
	margin:15px 10px 15px 10px;
	display:inline-block;
	vertical-align: top;
	/*border-collapse: collapse;*/
	border-collapse: separate;
	border-spacing: 3px;
}
.calendar td {
	padding:8px;
	text-shadow: 0 0 5px black;
	color:white;
}

.calendar_month td {
	font-weight:bold;
	background: linear-gradient(to right, #dd3595, #ff99d3, #dd3595);
	border-radius:5px;
	text-shadow: 0 0 5px #141414;
}

.calendar_days td {
	background:none;
	color:gray;
	padding:3px;
}

.app_enabled {
	cursor:pointer;
	background: linear-gradient(315deg, #313d7e, #6c79b9);
	border-radius:3px;
}

.days_td {
	cursor:pointer;
	background: linear-gradient(315deg, #444444, #6e6e6e);
	border-radius:3px;
}

.days_now {
	border-radius:3px;
	text-shadow: 0 0 3px #959595;
	background: linear-gradient(315deg, #d78900, #ffa500);
	cursor:pointer;
}

.days_not {
	background:none;
}



#message_div {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: block;
  justify-content: center;
  align-items: center;
  font-size:20px;
  color:#1e1e1e;
  z-index:9999;
}


#message_div .message_form {
	text-align:center;
	background-color: white;
	padding: 20px;
	border-radius: 8px;
	width: fit-content;
	max-height: 80%;
	overflow: auto;
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}


#message_div .message_header {
	color:#ff59cf;
	font-size:130%;
	font-weight:bold;
}

#message_div .service_string {
	color:gray;
	margin:5px 0px;
	font-size:110%;
	text-align:center;
}

#message_div .select_block {
	color:#5f6db5;
	margin:10px 0px 5px 0px;
	font-size:23px;
	font-weight:bold;
}

#message_div select, input {
	margin:3px 0px;
	color:#5f6db5;
	width:100%;
	padding:3px;
	font-size:28px;
	text-align:center;
	border:none;
	border-radius:5px;
	box-shadow:0 0 5px #5f6db5;
	outline: none;
	background:white;
}

#message_div select:focus, input:focus {
	box-shadow:0 0 5px #ff59cf;
}

#message_div .message_close_div {
	font-weight:bold;
	display:block;
	padding:0px;
	font-size:23px;
	text-align:right;
}
.message_close {
	color:gray;
	cursor:pointer;
	height:20px;
}

#message_div .message_close span {cursor:pointer;}

#message_div .send_btn {
	cursor:pointer;
	margin-top:10px;
	padding:5px 15px 5px 15px;
	font-size:150%;
	color:white;
	font-weight:bold;
	border:none;
	box-shadow:0 0 5px gray;
	background:#ff5bb8;
	border-radius:10px;
}

.calendar_select {
	outline: none;
	border-radius:5px; 
	background:white; 
	color:#4d5ba3; 
	font-weight:bold; 
	font-size:18px; 
	padding:2px;
	margin:5px 2px;
}

.calendar_example {display:inline-block; color:white; padding:3px; border-radius:5px; background: linear-gradient(315deg, #4863f1, #8c9ef7);}
.calendar_example_page {display:inline-block; color:white; padding:3px; border-radius:5px; background: linear-gradient(315deg, #313d7e, #6c79b9);}

.send_app {
	font-weight:bold;
	color:red;
	font-size:18px;
	padding:3px;
	text-align:center;
}












































































































































































































































































 .call-button {
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 60px;
	height: 60px;
	z-index:99999;
	background-image: url('/css/phone.png');
	background-size: cover;
	cursor: pointer;
}




































































.all_articles_btn_div {
	width:100%; 
	display: flex; 
	justify-content: center;
	margin:0 0 23px 0;
}

.all_articles_btn_div a {text-decoration:none;}

.all_articles_btn_div span {
	cursor:pointer; 
	display:block; 
	padding:5px 20px; 
	margin-top:18px;
	background: linear-gradient(315deg, #313d7e, #6c79b9); 
	text-shadow: 0 0 5px black; 
	border-radius:5px; 
	color:white; 
	font-size:21px; 
	font-weight:bold;
}

.all_articles_btn_div span:hover {background:#7b8ad3;}