/* Custom CSS */

html, body { height: 100%; }


body, td, table, tr  { font-family: 'georgia'; color: #676767; line-height: 1.5;  background-color: #ffffff;}
.credids { padding: 4px; }  /* Участники проекта */
   .pics { padding: 8px; }
   
	/* ссылки */
	a:link { color: #0089ff; text-decoration: underline;}
	a:visited { color: #0089ff;}
	a:hover { color: #50aeff;}
	a:active { color: #50aeff;}

	/* ссылки на коричневом фоне*/
	a.d:link { color: #617284;}
	a.d:visited { color: #758089;}
	a.d:hover { color: #546a80;}
	a.d:active { color: #617284;}

	/* ссылки для телефонов в контактах*/
	a.mob:link { color: #676767;}
	a.mob:visited { color: #676767;}
	a.mob:hover { color: #676767;}
	a.mob:active { color: #676767;}



.container {
	max-width: 960px; /* специально по ширине ограничил чтоб слишком широких выдач не получилось у олигархов на футбольных панелях */
}

h2 {
	color: red; /* по приколу */
}



#publish-h, #publish-h .p { font-size: 100%; }					
@media (min-width: 576px) {
	#publish, #publish .p { font-size: 140%; }						
}
#publish-h, #publish-h .h2 { font-size: 18px; font-weight: bold; color: #4c4640; }
@media (min-width: 576px) {
	#publish-h, #publish-h .h2 { font-size: 160%; font-weight: bold; color: #4c4640; }
}


#navtop .navbar-toggler {
	border-color: transparent;
}

#navtop .nav-link {
	line-height: 40px;
	padding: 0 30px !important; 
	-margin: 15px;
}

h1 /* Все заголовки */
{
font-size: 24px;
font-weight: normal;
}
.prophoto_title /* заголовки ПРОфото */
{
font-family: 'Arial', Arial;
font-weight: bold;
color: black;
}



h2 /* Все подзаголовки */
{
font-size: 18px;
font-weight: normal;
color: #4c4640;
}

.prophoto_title  /* подзаголовки ПРОфото */
{
font-family: 'Arial', Arial;
font-weight: bold;
color: black;
}

/* Боковушка с контактами */
.side-block {
  position:fixed;
  left:0;
  top:75%;
  transform:translateY(-50%);
  background:rgba(53,44,37,0.85);
  color:#fff;
  padding:12px 12px;
  border-radius:0 12px 12px 0;
  box-shadow: 4px 0 12px rgba(0,0,0,0.35);
  z-index:999999;
}



.phoneformat { text-align: center; width: 100%; } @media (min-width: 576px) {	.phoneformat { text-align: justify; width: 100%; }}

/* ФОРМА ОБРАТНОЙ ЯВЯЗИ */

												#feedback-form {
												  
												  padding: 2%;
												  border-radius: 3px;
												  background: #1d1814;
												}
												#feedback-form [required] {
												  width: 100%;
												 /* height: 18px; */
												  color: #efe9df;
												  box-sizing: border-box;
												  margin: 2px 0 2% 0;
												  padding: 2%;
												  border: 1px solid rgba(0,0,0,.1);
												  background: #2a231d;
												  border-radius: 3px;
												  box-shadow: 0 1px 2px -1px rgba(0,0,0,.2) inset, 0 0 transparent;
												}

												input::-webkit-input-placeholder { color: #453f39; }
												input::-moz-placeholder { color: #453f39; }
												input::-ms-input-placeholder { color: #453f39; }

														
												#feedback-form [required]:hover {
												  border-color: #645b54; 
												  box-shadow: 0 1px 2px -1px rgba(0,0,0,.2) inset, 0 0 transparent;
												}
														
												#feedback-form [required]:focus {
												  outline: none;
												  border-color: #ebbe63; 
												  box-shadow: 0 1px 2px -1px rgba(0,0,0,.2) inset, 0 0 4px rgba(35,146,243,.5);
												  transition: .2s linear;
												}


														
												#feedback-form [type="submit"] {
												  height: 30px;
												  width: 100%;												
												  border: none;
												  border-radius: 3px;
												  box-shadow: 0 0 0 1px rgba(0,0,0,.2) inset;
												  background: #5c4d41;
												  color: #fff;
												}
												#feedback-form [type="submit"]:hover {
												  background: #645b54;
												}
												#feedback-form [type="submit"]:focus {
												  box-shadow: 0 1px 1px #fff, inset 0 1px 2px rgba(0,0,0,.8), inset 0 -1px 0 rgba(0,0,0,.05);

									
												}